标签:selector fadeout tor ast 名称 隐藏 out fun slow
语法:
<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 学习02——效果:隐藏/显示、淡入淡出、滑动、动画、停止动画、Callback、链
标签:selector fadeout tor ast 名称 隐藏 out fun slow
原文地址:http://www.cnblogs.com/wuss/p/7452736.html