jQuery动画-优快云博客

本文详细介绍了jQuery中的几种常见动画方法，包括show()、hide()、toggle()、slideDown()和slideUp()，以及它们的参数用法和回调函数。

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

显示 show(); show()有两个参数\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:$("#div1").show(2000, function(){\n alert("我来啦，嘿嘿~~~");\n})\n若不给参数直接显示当前元素

:$("#div1").show(2000, function(){\n    alert("我来啦，嘿嘿~~~");\n})\n若不给参数直接显示当前元素

隐藏 hide(); hide()有两个参数\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:$("#div1").hide(2000, function(){\n alert("我走咯，嘿嘿~~~");\n})\n若不给参数直接隐藏当前元素

\n例:$("#div1").hide(2000, function(){\n    alert("我走咯，嘿嘿~~~");\n})\n若不给参数直接隐藏当前元素

切换 toggle();\n如果元素是隐藏状态就动画显示,如果元素是显示状态就动画隐藏\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").toggle(2000, function(){\n alert("略略略~~~");\n})

\n例:\\$("#div1").toggle(2000, function(){\n    alert("略略略~~~");\n})

滑入 slideDown();\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").slideDown(2000, function(){\n alert("我出来喽~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长

\\$("#div1").slideDown(2000, function(){\n    alert("我出来喽~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长

滑出 slideUp();\n参数1:代表执行动画的时长(毫秒数)\n参数2:代表动画执行完毕后的回调参数,\n例:\\$("#div1").slideUp(2000, function(){\n alert("我回去啦~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长

$("#div1").slideUp(2000, function(){\n    alert("我回去啦~~~");\n})\n若不添加参数也会有动画效果,因为它具有默认的动画时长