jQuery 学习02——效果：隐藏/显示淡入淡出滑动动画停止动画Callback链
Posted 不见花落
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery 学习02——效果：隐藏/显示淡入淡出滑动动画停止动画Callback链相关的知识，希望对你有一定的参考价值。
jQuery 效果- 隐藏hide()和显示show()
语法:
$(selector).hide(speed,callback);
$(selector).show(speed,callback);
$(selector).show(speed,callback);
（可选）speed 参数：规定隐藏/显示的速度，可以取以下值："slow"、"fast" 或毫秒。
（可选）callback 参数：是隐藏或显示完成后所执行的函数名称。
例1：使用 hide() 和 show() 方法来隐藏和显示 html 元素：
<script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(); }); $("#show").click(function(){ $("p").show(); }); }); </script> <body> <p>如果你点击“隐藏” 按钮，我将会消失。</p> <button id="hide">隐藏</button> <button id="show">显示</button> </body>
例2：演示带有 speed 参数的 hide()和show()方法：
<script> $(document).ready(function(){ $("#hide").click(function(){ $("p").hide(1000); }); $("#show").click(function(){ $("p").show(1000); }); }); </script> <body> <button id="hide">隐藏</button> <button id="show">显示</button> <p>这是个段落，内容比较少。</p> <p>这是另外一个小段落</p> </body>
toggle() 方法：来切换 hide() 和 show() 方法
例3：显示被隐藏的元素，并隐藏已显示的元素：
<script> $(document).ready(function(){ $("button").click(function(){ $("p").toggle(); }); }); </script> <body> <button>隐藏/显示</button> <p>这是一个文本段落。</p> <p>这是另外一个文本段落。</p> </body>
jQuery 效果 - 淡入jQuery fadeIn() 淡出fadeOut()
以上是关于jQuery 学习02——效果：隐藏/显示淡入淡出滑动动画停止动画Callback链的主要内容，如果未能解决你的问题，请参考以下文章