jquery可见性选择器

原创 2012年03月21日 20:40:08

1):hidden:匹配所有的不可见元素,input 元素的 type 属性为 "hidden" 的话也会被匹配到

   eg:<style>

       .hidden{

          display:none;

         }

      </style>

      <script>

        $("#btn").click(function(){

          //点击按钮后,将隐藏的元素显示出来并且背景为绿色

          $("div:hidden").show().css("baclground","green");

        });

      </script>

      <body>

        <div id="one"></div>

        <div class="hidden"></div>--------点击按钮后显示出来,并且颜色为绿色

      </body>

2):visible:匹配所有的可见元素

   eg:<script>

        $("#btn").click(function(){

          //点击按钮后,将所有可见的元素显示出来并且背景为绿色

          $("div:visible").css("baclground","green");

        });

      </script>

      <body>

        <div id="one"></div>--------变绿

        <div id="two"></div>--------变绿

        <div class="hidden"></div>

      </body>

相关文章推荐

js、jQuery之控制元素的可见性

用JavaScript隐藏控件的方法有两种,分别是通过设置控件的style的“display”和“visibility”属性。 Object.style.visibility=visible|hid...

jQuery——可见性筛选选择器

jQuery的可见性筛选选择器有visible和hidden,对应于元素的显示和隐藏状态;为此先要区分display:none和visibility:hidden的区别: display:none是在...

bootstrap-treeview addNode deleteNode editNode 全都奉上

1 Tree return 里 增加三个方法 addNode: $.proxy(this.addNode, this), editNode: $.proxy(this.editNode, this...
  • haizixf
  • haizixf
  • 2016年12月28日 19:57
  • 2652

bootstrap-treeview 扩展addNode deleteNode方法 动态添加删除子节点的方法

看到原博主写的addNode的方法, 受益匪浅, 自己尝试写了一个deleteNode的方法, 已经测过了, 分享给大家http://blog.csdn.net/qq_25628235/article...

jQuery的可见性过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery_可见性过滤选择器

Untitled Document div, span, p { width: 140px; height: 140px; margin...

jQuery可见性过滤选择器

:hidden Selector 选择所有被隐藏的元素 元素可以被认为是隐藏的几个原因: 1.CSS的display为none的元素 2.表单中type=“hidden”的元素 3.widt...
  • ahuter9
  • ahuter9
  • 2013年01月01日 20:05
  • 369

JQuery选择器中的可见性筛选

元素有显示状态与隐藏状态,jQuery根据元素的状态扩展了可见性筛选选择器:visible与:hidden 下面用表格大致了解一下,就两个选择器:这2个选择器都是 jQuery 延伸出来的,看起来比较...
  • LHJBK
  • LHJBK
  • 2016年05月30日 17:47
  • 762

JQuery的可见性选择器与show、hide的关系

1.:hidden选择器 不是指"visibility: hidden",而是指"display: none"。2.:visible选择器不是指"visibility: visible",而是指dis...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery可见性选择器
举报原因:
原因补充:

(最多只允许输入30个字)