The One 专一

jQuery效果函数02

jQuery 效果函数

方法描述
animate()对被选元素应用“自定义”的动画
clearQueue()对被选元素移除所有排队的函数(仍未运行的)
delay()对被选元素的所有排队函数(仍未运行)设置延迟
dequeue()运行被选元素的下一个排队函数
fadeIn()逐渐改变被选元素的不透明度,从隐藏到可见
fadeOut()逐渐改变被选元素的不透明度,从可见到隐藏
fadeTo()把被选元素逐渐改变至给定的不透明度
hide()隐藏被选的元素
queue()显示被选元素的排队函数
show()显示被选的元素
slideDown()通过调整高度来滑动显示被选元素
slideToggle()对被选元素进行滑动隐藏和滑动显示的切换
slideUp()通过调整高度来滑动隐藏被选元素
stop()停止在被选元素上运行动画
toggle()对被选元素进行隐藏和显示的切换


jQuery hide() show() 隐藏和显示HTML元素

语法:

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

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

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

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

jQuery toggle()

通过 jQuery,您可以使用 toggle() 方法来切换 hide() 和 show() 方法。

显示被隐藏的元素,并隐藏已显示的元素:

jQuery Fading 方法

通过 jQuery,您可以实现元素的淡入淡出效果。

fadeIn()

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

fadeOut()

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

fadeToggle()

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

fadeTo()

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

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

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

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


hide(),show(),toggle()

fadeIn(),fadeOut(),fadeToggle,fadeTo()

这两个方法都是使元素的CSS属性从display:none,变成display:block,不同的是fading()方法会额外增加一个属性opacity透明度的变化过程,从1到0.如果增加时间进去,hide(),show()方法不仅会有opacity的变化,元素的width,height,padding,margin,overflow等多个CSS样式也会跟着变化.这就是两者的差别.

Powered By 爱你若晴天
身体健康 © 2019 粤ICP备14081548号-1

Article

Shopping

Search

Me