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

如题所述

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

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

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

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2020-05-15

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

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

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

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

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

本回答被网友采纳
第2个回答  2019-08-12

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

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

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

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

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

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

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

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

本回答被网友采纳
第3个回答  推荐于2016-06-05

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

本回答被提问者和网友采纳
第4个回答  2012-08-16
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的元素呢?

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网