美文网首页
jQuery 效果- 隐藏和显示(toggle())

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

作者: 哒哒DaDa | 来源:发表于2017-02-13 15:41 被阅读225次

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

  • 隐藏和显示效果

$(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>

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

相关文章

  • jQuery(二)

    jQuery效果 隐藏与显示 隐藏效果,1000ms后隐藏 显示效果show(),1000ms后显示 toggle...

  • jQuery效果总结

    隐藏/显示jQuery hide()和show(): jQuery toggle(): 淡入淡出fadeIn()、...

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

    主要记录在菜鸟上学习的内容:平时可能会用到但是不太熟悉的内容——做记录之用。 隐藏和显示效果 可选的 speed ...

  • js之toggle方法

    toggle方法已经被jquery1.8之后所抛弃,所以我们在用toggle实现元素的隐藏和显示时不能直接用tog...

  • JQuery常用语句整理(一)

    JQuery效果 **隐藏和显示 ** $("p").hide(speed,callback); (显示)$...

  • jquery基础动画与渐变以及滑动动画

    1.jquery中的基础动画 a.show()显示 b.hide()隐藏 c.toggle()切换show或者隐藏...

  • 04-jQuery动效

    jQuery效果 显示与隐藏动画 显示 show([speed,[easing],[fn]); 隐藏 hide([...

  • jquery 效果

    隐藏、显示、切换,滑动,淡入淡出,以及动画,hide() 隐藏show() 显示toggle()隐藏和显示fade...

  • jQuery动画

    隐藏和显示 .hide()隐藏.show()显示.toggle()隐藏和显示切换可以加入时间参数和回调函数(在动画...

  • jquery hide() show() toggle()

    对于jquery中的这三个方法 hide()表示隐藏html元素,show()表示显示html元素而toggle(...

网友评论

      本文标题:jQuery 效果- 隐藏和显示(toggle())

      本文链接:https://www.haomeiwen.com/subject/odqtwttx.html