jQuery元素的显示、隐藏及动画-优快云博客

本文详细介绍了使用jQuery实现的各种动画效果，包括元素的显示与隐藏、滑动、渐变及自定义动画，通过具体示例展示了如何操作DOM元素的视觉表现。

   1.hide()   隐藏元素
       $("div").hide();

   2.show()   显示元素
       $("div").show();

   3.toggle() 可以切换元素显示与隐藏
       $("div").toggle();

   4.slideDown() 滑动显示,将隐藏的元素滑动显示出来。
       $("div").slideDown();

   5.slideUp() 滑动隐藏。
       $("div").slideUp();

   6.slideToggle() 滑动隐藏与显示切换
       $("div").slideToggle();

   7.fadeIn() 渐显。只用于隐藏的元素。
       $("div").fadeIn(2000);

   8.fadeOut() 渐隐。由"显示"状态改变透明度直接"隐藏"。只用到显示的元素。
       $("div").fadeOut(2000);

   9.fadeTo() 改变透明度。
       $("div").fadeTo(2000,0.4);

   10.fadeToggle 切换
       $("div").fadeToggle(2000);

   11.animate() 动画显示,参数中的属性必须是驼峰命名法。
       $("img").animate( {
                           width:"100%",
                           height:"100%",
                          },
                          1000
                       );

   12.stop() 停止动画
       $("img").stop();

   13.off 属性，跳过动画显示的过程，直接到最终效果。
       jQuery.fx.off = true;
       或
       $.fx.off = true;