jquery如何设置元素不可见
时间：2021-01-18 10:52
jquery设置元素不可见的方法：1、使用“$(selector).hide();”方法设置元素不可见；2、使用“$(selector).show();”方法设置元素可见，然后使用toggle方法来切换hide和show方法即可。
本教程演示环境：windows7系统、jquery1.2.6版本、Dell G3电脑。
推荐：jQuery视频教程
jquery设置元素可见性的方法：可以使用$(selector).hide();方法设置元素不可见，使用$(selector).show();方法设置元素可见，可以使用toggle()方法来切换hide()和show()方法。
jquery设置元素可见性的方法介绍：
立即显示指定元素
- $(selector).show();
立即隐藏指定元素
- $(selector).hide();
实例：
- <!DOCTYPE html>
- <html>
- <head>
- <script src="/jquery/jquery-1.11.1.min.js"></script>
- <script type="text/javascript">
- $(document).ready(function(){
- $("#hide").click(function(){
- $("p").hide();
- });
- $("#show").click(function(){
- $("p").show();
- });
- });
- </script>
- </head>
- <body>
- <p id="p1">如果点击“隐藏”按钮，我就会消失。</p>
- <button id="hide" type="button">隐藏</button>
- <button id="show" type="button">显示</button>
- </body>
- </html>
您可以使用 toggle() 方法来切换 hide() 和 show() 方法。
显示被隐藏的元素，并隐藏已显示的元素：
- $("button").click(function(){
- $("p").toggle();
- });
以上就是jquery如何设置元素不可见的详细内容，更多请关注www.gxlsystem.com其它相关文章！
