jQuery 效果- 隐藏和显示(toggle())

主要记录在菜鸟上学习的内容:平时可能会用到但是不太熟悉的内容——做记录之用。

  • 隐藏和显示效果

$(selector).hide(speed,callback);
$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

  • 切换 hide() 和 show() 方法——toggle()

例子:

<script>
$(document).ready(function(){
 $("button").click(function(){
   $("p").toggle();
 });
});
</script>
<body>
<button>隐藏/显示</button>
<p>文本段落一。</p>
<p>文本段落二。</p>
</body>

通过点击按钮,自动切换显示或隐藏效果。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容