jQuery中隐藏元素的hide方法

jQ中隐藏元素的hide方法

jQ中您可以使用 hide() 和 show() 方法来隐藏和显示 HTML 元素。

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

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

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

jQ中显示元素的show方法 jQ中显示与隐藏切换toggle方法

toggle() 方法切换元素的可见状态。

如果被选元素可见，则隐藏这些元素，如果被选元素隐藏，则显示这些元素。

语法：$(selector).toggle(speed,callback,switch)

speed:

可选。规定元素从可见到隐藏的速度（或者相反）。默认为 "0"。

可能的值：

· 毫秒 （比如 1500）

· "slow"

· "normal"

· "fast"

在设置速度的情况下，元素从可见到隐藏的过程中，会逐渐地改变其高度、宽度、外边距、内边距和透明度。

如果设置此参数，则无法使用 switch 参数。

callback:

可选。toggle 函数执行完之后，要执行的函数。

除非设置了 speed 参数，否则不能设置该参数。

switch:

可选。布尔值。规定 toggle 是否隐藏或显示所有被选元素。

True - 显示所有元素

False - 隐藏所有元素

如果设置此参数，则无法使用 speed 和 callback 参数。

淡出动画fadeOut

设置元素透明度为0，可以让元素不可见，透明度的参数是0~1之间的值，通过改变这个值可以让元素有一个透明度的效果。常见的淡入淡出动画正是这样的原理。

fadeOut()函数用于隐藏所有匹配的元素，并带有淡出的过渡动画效果。

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

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

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

淡入动画fadeIn

· 淡入的动画原理：操作元素的不透明度从0%逐渐增加到100%

· 如果元素本身是可见的，不对其作任何改变。如果元素是隐藏的，则使其可见

fadeIn()函数用于显示所有匹配的元素，并带有淡入的过渡动画效果。

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

淡入淡出切换fadeToggle

jQuery fadeToggle() 方法可以在 fadeIn() 与 fadeOut() 方法之间进行切换。

如果元素已淡出，则 fadeToggle() 会向元素添加淡入效果。