Question

jquery 选择器能否查找display：none的元素

Answer 1

jQuery可以用可见性“:hidden”查找“display:none”的元素。

1、新家html文档，在head标签中引入本地jQuery文件，也可以引入cdn文件：

2、在body标签中添加一些列表，其中部分列表的样式设置为“display:none”：

3、添加js代码“$('li:hidden')”，这时网页将会把所有包含“display:none”属性的列表都进行输出：

Answer 2

1、首先在电脑中打开并新建html文件，创建form表单，jQuery的选择器主要是集合CSS和xPath部分语法。

2、预览效果如图，选择器可以很方便的获取到页面中元素。

3、然后引入jquery.js，如下图所示。

4、接着输入:input 选择器选取表单元素并设置背景颜色。

5、最后预览效果如图，就完成了。

Answer 3

jquery 选择器能够查找display：none的元素，查找方法为：

1、首先开始新建html文件。

2、创建h、p、div、ul、li等标签和内容。

3、接下来需要开始引入jquery.js。

4、设置所有元素背景颜色。

5、其预览效果如图所示。

6、设置所有display：none的元素字体颜色。

7、最后的预览效果如图。

Answer 4

<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('我要找的是这个');
});

Answer 5

jquery :hidden 可以找到 display:none type为hidden的元素比如
<table>
<tr style="display:none"><td>Value 1</td></tr>
<tr><td>Value 2</td></tr>
</table>

$("tr:hidden")

[ <tr style="display:none"><td>Value 1</td></tr> ]

追问

我要查找某个input class=“aaa” 的display：none的元素呢？