美文网首页
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 效果- 隐藏和显示(toggle())

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