Jquery动画2.0

最新推荐文章于 2023-11-10 10:04:21 发布

没有馅的饺子

最新推荐文章于 2023-11-10 10:04:21 发布

阅读量164

点赞数

文章标签： jquery javascript 动画

本文链接：https://blog.csdn.net/weixin_66107774/article/details/128865031

版权

这篇文章介绍了jQuery中的三个主要动画方法：show()用于显示隐藏的元素，hide()用于隐藏显示的元素，而toggle()则根据当前状态切换元素的显示与隐藏。这些方法支持预设速度（slow,normal,fast）和自定义动画效果，如线性（linear）过渡，并可在动画完成后执行回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、show()

show() 显示隐藏的匹配元素

如果这个元素是可见的，这个方法不会改变任何东西，无论这个元素是通过hide()方法隐藏的还是在css里面设置了display:none，这个方法都有效

语法：show(speed,easing,fn)

speed：三种预定速度的字符串（slow,normal,fast）或者表示动画时长的毫秒数值（如：2000），Number/String
easing：(optional 可选参数) 用来指定运动效果，默认是"swing"，可选参数"linear"，String
fn：(optional 可选参数) 在动画完成时执行的函数，每个元素执行一次， Function
三种预定速度的字符串对应的毫秒数值

slow normal fast
600 400 200

2、hide()

hide() 隐藏显示的元素

如果元素是隐藏的，这个方法不会改变任何东西。隐藏的元素相当于设置了display: none，隐藏且不占位

语法：hide(speed,easing,fn)

例：让隐藏的div用2s时间匀速隐藏

$('div').hide(2000,"linear");
1
3、toggle()

toggle() 切换

如果元素是隐藏的，切换为可见，如果元素是可见的，切换为隐藏

语法：toggle(speed,easing,fn)