`
BlueFuture
  • 浏览: 51799 次
  • 性别: Icon_minigender_1
  • 来自: 大连
最近访客 更多访客>>
社区版块
存档分类
最新评论

Jquery选择器(五) -- Visibility Filters

阅读更多

可见性过滤器


[1]  :hidden      Returns: Array<Element(s)>
      说明: 匹配所有的隐藏元素。在jQuery 1.3.2中,隐藏元素的计算方式有所改变。假设一个元素是不可见的,那么它或者它的父节点在文档流中不占用任何空间。css visibility属性设置的元素不考虑在内。(虽然visibility属性可以让元素不可见,但元素在文档流中还是占有空间的)
      

Js代码 复制代码
  1. $("span:first").text("Found " + $(":hidden", document.body).length +    
  2.          " hidden elements total.");   
  3. $("div:hidden").show(3000);   
  4. $("span:last").text("Found " + $("input:hidden").length + " hidden inputs.");  
$("span:first").text("Found " + $(":hidden", document.body).length + 
         " hidden elements total.");
$("div:hidden").show(3000);
$("span:last").text("Found " + $("input:hidden").length + " hidden inputs.");





[2]  :visible      Returns: Array<Element(s)>
      说明: 匹配所有的可见元素。在jQuery 1.3.2中,可见元素的计算方式有所改变。假设一个元素是可见的,那么它或者它的父节点在文档流中占用空间。css visibility属性设置的元素不考虑在内(即使   visibility: hidden;   该元素也认为是可见的)。
      

Js代码 复制代码
  1. $("div:visible").click(function () {   
  2.    $(this).css("background""yellow");   
  3. });   
  4. $("button").click(function () {   
  5.    $("div:hidden").show("fast");   
  6. });  
$("div:visible").click(function () {
   $(this).css("background", "yellow");
});
$("button").click(function () {
   $("div:hidden").show("fast");
});





分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics