jquery动画函数有17种：1、animate()，用于对被选元素应用自定义的动画；2、hide()，用于隐藏被选元素；3、show()，用于显示被选元素；4、fadeOut()，用于通过设置不透明度来隐藏元素；5、fadeTo()等等。
本教程操作环境：windows7系统、jquery1.10.2版本、Dell G3电脑。
jquery动画函数
下面的表格列出了所有用于创建动画效果的 jQuery 方法。
方法 描述animate()对被选元素应用”自定义”的动画clearQueue()对被选元素移除所有排队函数（仍未运行的）delay()对被选元素的所有排队函数（仍未运行）设置延迟dequeue()移除下一个排队函数，然后执行函数fadeIn()逐渐改变被选元素的不透明度，从隐藏到可见fadeOut()逐渐改变被选元素的不透明度，从可见到隐藏fadeTo()把被选元素逐渐改变至给定的不透明度fadeToggle()在 fadeIn() 和 fadeOut() 方法之间进行切换finish()对被选元素停止、移除并完成所有排队动画hide()隐藏被选元素queue()显示被选元素的排队函数show()显示被选元素slideDown()通过调整高度来滑动显示被选元素slideToggle()slideUp() 和 slideDown() 方法之间的切换slideUp()通过调整高度来滑动隐藏被选元素stop()停止被选元素上当前正在运行的动画toggle()hide() 和 show() 方法之间的切换
下面来介绍一些常用动画函数。
1、animate()
animate() 方法执行 CSS 属性集的自定义动画。
该方法通过 CSS 样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
只有数字值可创建动画（比如 “margin:30px”）。字符串值无法创建动画（比如 “background-color:red”）。
提示：请使用 “+=” 或 “-=” 来创建相对动画。
示例：通过改变元素的高度，对元素应用动画：
nbsp;html>$(document).ready(function() {$("#btn1").click(function() {$("#box").animate({height: "300px"});});$("#btn2").click(function() {$("#box").animate({height: "100px"});});});
登录后复制
2、hide()、show()和toggle()
hide() 方法隐藏被选元素。
show()显示被选元素
toggle()：hide() 和 show() 方法之间的切换
示例：隐藏或显示
元素
nbsp;html>$(document).ready(function() {$(".btn1").click(function() {$("p").hide();});$(".btn2").click(function() {$("p").show();});});这是一个段落。
登录后复制
以上就是jquery动画函数有哪几种的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2931027.html
