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

2017-02-13  本文已影响225人  哒哒DaDa

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

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

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

例子:

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

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

上一篇下一篇

猜你喜欢

热点阅读