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 答疑 https://www.html.cn/qa/jquery/ 栏目, 欢迎学习!
来源: http://www.css88.com/qa/jquery/16848.html