欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

jQuery :visible 选择器 显示的 隐藏的元素

shiping1 的头像

jQuery :visible 选择器

实例

选择 <body> 元素中每个可见的元素:

$("body :visible")

亲自试一试

定义和用法

:visible 选择器选取每个当前是可见的元素。

除以下几种情况之外的元素即是可见元素:

  • 设置为 display:none
  • type="hidden" 的表单元素
  • Width 和 height 设置为 0
  • 隐藏的父元素(同时隐藏所有子元素)

语法

$(":visible")

来自   http://www.w3school.com.cn/jquery/selector_visible.asp


查找display:none的元素

<style>
div{width:100px;height:50px;border:1px solid blue;}
.aa{display:none;}
.bb{display:block}
</style>
<div class="aa"></div>
<div class="aa"></div>
<div class="aa"></div>
<div class="bb"></div>
<div class="bb" style="display:none"></div>
<div class="aa"></div>
<div class="bb"></div>
<script type="text/javascript">
$(document).ready(function(){
    $("div.aa:hidden").wrap('<div style="border:1px solid #ABC">这些是隐藏的</div>');
    $(".bb:hidden").wrap('<div style="border:1px solid red">我要找的是这个</div>');
});
</script>

来自 http://zhidao.baidu.com/link?url=f2c2kqGsEiaQ_-jU1OFE74Zwl26jMfgn3UCzlqEPqqJ0MAzfCqKB0LEf248iR16iwoq5Sh17ygJAqvX-7qPGtq
普通分类: