jQuery可以用可见性“:hidden”查找“display:none”的元素。
1、新家html文档,在head标签中引入本地jQuery文件,也可以引入cdn文件:
2、在body标签中添加一些列表,其中部分列表的样式设置为“display:none”:
3、添加js代码“$('li:hidden')”,这时网页将会把所有包含“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"></div>
<div class="aa"></div>
<div class="bb"></div>
<script type="text/javascript">
$(document).ready(function(){
$("div:hidden").wrap('<div style="border:1px solid #ABC">这些是隐藏的</div>');
});
</script>
下面是效果图:div默认蓝边。$("div:hidden").wrap('<div style="border:1px solid #ABC">这些是隐藏的</div>');实现对所有隐藏的div加外边包裹div并显示"这些是隐藏的".
我要查找某个input class=“aaa” 的display:none的元素呢?
追答$(".aaa:hidden")
追问不行,找不到好像
追答
div{width:100px;height:50px;border:1px solid blue;}
.aa{display:none;}
.bb{display:block}
$(document).ready(function(){
$("div.aa:hidden").wrap('这些是隐藏的');
$(".bb:hidden").wrap('我要找的是这个');
});
我要查找某个input class=“aaa” 的display:none的元素呢?