jQuery 效果

隐藏/显示

Show()方法，显示隐藏的匹配元素

hide()方法，隐藏显示的匹配元素  

语法：$(selector).hide(speed,callback);

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

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

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

实例：

     

 

toggle()方法，您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素，并隐藏已显示的元素

实例：

     

 

淡入淡出

fadeln()方法,通过不透明度的变化来实现所有匹配元素的淡入效果

fandlnOut()方法，通过不透明度的变化来实现所有匹配元素的淡出效果

fadeToggle()方法，通过不透明度的变化来开关所有匹配元素的淡入和淡出效果

fadeTo() 方法，允许渐变为给定的不透明度（值介于 0 与 1 之间）

语法：$(selector).fadeIn(speed,callback);

$(selector).fadeIn(speed,callback);

$(selector).fadeIn(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是 fading 完成后所执行的函数名称。

$(selector).fadeTo(speed,opacity,callback);

必需的speed参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

fadeTo()方法中必需的 opacity 参数将淡入淡出效果设置为给定的不透明度（值介于 0与1之间）

实例：     

 

 

滑动

slideDown()方法，方法用于向下滑动元素。

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

slideToggle()方法，可以在 slideDown() 与 slideUp() 方法之间进行切换

语法：$(selector).slideDown(speed,callback);

  $(selector).slideUp(speed,callback);

  $(selector).slideToggle(speed,callback);

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是滑动完成后所执行的函数名称。

实例：

 

动画

animate()方法，用于创建自定义动画

语法：$(selector).animate({params},speed,callback);

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

可选的 speed 参数规定效果的时长。它可以取以下值："slow"、"fast" 或毫秒。

可选的 callback 参数是动画完成后所执行的函数名称。

实例：

 

停止动画

stop()方法，用于停止动画或效果，在它们完成之前。

适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

语法：$(selector).stop(stopAll,goToEnd);

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活的动画，允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。因此，默认地，stop() 会清除在被选元素上指定的当前动画。

实例：