jQuery 效果

　　　　jQuery 效果包括：

　　　　　　　　隐藏、显示、切换，滑动，淡入淡出以及动画。

隐藏/显示

　　　　通过 jQuery，您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素：

　　　　语法：

　　　　　　$(selector).hide(speed,callback);
　　　　　　$(selector).show(speed,callback);

　　　　　　可选的 speed 参数规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。

　　　　　　可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

　　　jQuery toggle()

　　　　　　通过 jQuery，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。—— 显示被隐藏的元素，并隐藏已显示的元素。

　　　　　　语法：跟隐藏和显示一样。

淡入淡出

　　　　fadeIn() 方法　　　　用于淡入已隐藏的元素。　　　　语法：  $(selector).fadeIn(speed,callback);

　　　　fadeOut() 方法　　　用于淡出可见元素。　　　　　　语法：  同上

　　　　fadeToggle() 方法　　淡入或淡出　　　　　　　　　　语法：  同上

　　　　fadeTo() 方法　　　　允许渐变为给定的不透明度（值介于 0 与 1 之间）　　　　语法：  $(selector).fadeTo(speed,opacity,callback);

滑动

　　　　jQuery 滑动方法可使元素上下滑动。

　　　　slideDown() 方法　　　　用于向下滑动元素。　　　　语法： $(selector).slideDown(speed,callback);

　　　　slideUp() 方法　　　　　用于向上滑动元素。

　　　　slideToggle() 方法　　　　向上或向下滑动。

动画

　　　　animate() 方法用于创建自定义动画。　　　　语法：  $(selector).animate({params},speed,callback);

　　　　必需的 params 参数定义形成动画的 CSS 属性。

　　　　在 params 参数中，使用英文逗号可以在一个动作中操作多个属性。

　　　　当使用 animate() 时，必须使用 Camel 标记法书写所有的属性名，比如，必须使用 paddingLeft 而不是 padding-left，使用 marginRight 而不是 margin-right，等等。

　　　　同时，色彩动画并不包含在核心 jQuery 库中。（如果需要生成颜色动画，您需要从 jQuery.com 下载 Color Animations 插件）

　　使用队列功能：

　　　　默认地，jQuery 提供针对动画的队列功能。

　　　　这意味着如果您在彼此之后编写多个 animate() 调用，jQuery 会创建包含这些方法调用的“内部”队列。然后逐一运行这些 animate 调用。

jQuery - chaining

　　　　chaining 允许我们在一条语句中（在相同的元素上）使用多个 jQuery 方法。（这样的话，浏览器就不必多次查找相同的元素）

　　　　例1： 下面的例子把 css(), slideUp(), and slideDown() 链接在一起。"p1" 元素首先会变为红色，然后向上滑动，然后向下滑动：

　　　　　　　$("#p1").css("color","red").slideUp(2000).slideDown(2000);

转载于:https://www.cnblogs.com/zhangchaoran/p/8057079.html