JavaScript之jQuery-5 jQuery 动画效果(隐藏和显示、自定义动画、并发与排列效果)

一、jQuery 隐藏和显示

基本显示、隐藏效果

- show() / hide()

- 作用: 通过同时改变元素的宽度和高度来实现显示或隐藏

- 用法: $obj.show(执行时间，回调函数);

执行时间:slow,normal,fast或毫秒数

回调函数:动画执行完毕之后要执行的函数

滑动式动画效果

- slideDown() / slideUp()

- 作用: 通过改变高度来实现显示或者隐藏的效果

- 用法同 show() / hidden()

淡入淡出式动画效果

- fadeIn() / fadeOut()

- 作用: 通过改变不透明度opacity来实现显示或者隐藏

- 用法同 show / hide

二、jQuery 自定义动画

创建自定义动画

- animate()

- 用法: animate(js对象，执行时间，回调函数)

- js对象: {}描述动画执行之后元素的样式

- 执行时间: 毫秒数

- 回调函数: 动画执行结束后要执行的函数

三、jQuery 并发与排队效果

处理一组元素

- 当为同一组元素使用多重效果时，可以通过连缀这些效果实现排队

总结：本章内容主要介绍了 jQuery 动画效果(隐藏和显示、自定义动画、并发与排列效果)