jQuery效果

it2022-06-29  108

jQuery效果

1.隐藏/显示

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

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

1.吟唱 $(selector).hide(speed,callback); 2.显示 $(selector).show(speed,callback);

隐藏+显示

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

2.淡入/淡出

1.淡入

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

2.淡出

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

3.淡入/淡出

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

4.改变透明度实现的效果

注意的是这里的dom元素的display属性设置的不是none属性值,这里的speed和opacity都是必需的参数。

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

3.滑动

1.滑入

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

2.滑出

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

3.滑入+滑出

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

4.动画

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

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

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

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

这里的{params}参数用来编写动画就跟css写的动画基本一样就是不需要再添加百分之多少到什么位置。

5.stop()

stop() 方法适用于所有 jQuery 效果函数,包括滑动、淡入淡出和自定义动画。

$(selector).stop(stopAll,goToEnd);

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

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

因此,默认地,stop() 会清除在被选元素上指定的当前动画。

6.Callback

$(selector).hide(speed,callback)

如果想在一个涉及动画的函数之后来执行语句,请使用 callback 函数。

7.Chaining

Chaining 允许我们在一条语句中允许多个 jQuery 方法(在相同的元素上)

本文章均总结w3school

没写必需的参数都是可选参数!!


最新回复(0)