如题所述
jQuery可以用可见性“:hidden”查找“display:none”的元素。
1、新家html文档,在head标签中引入本地jQuery文件,也可以引入cdn文件:
2、在body标签中添加一些列表,其中部分列表的样式设置为“display:none”:
3、添加js代码“$('li:hidden')”,这时网页将会把所有包含“display:none”属性的列表都进行输出:
1、首先在电脑中打开并新建html文件,创建form表单,jQuery的选择器主要是集合CSS和xPath部分语法。
2、预览效果如图,选择器可以很方便的获取到页面中元素。
3、然后引入jquery.js,如下图所示。
4、接着输入:input 选择器选取表单元素并设置背景颜色。
5、最后预览效果如图,就完成了。
本回答被网友采纳jquery 选择器能够查找display:none的元素,查找方法为:
1、首先开始新建html文件。
2、创建h、p、div、ul、li等标签和内容。
3、接下来需要开始引入jquery.js。
4、设置所有元素背景颜色。
5、其预览效果如图所示。
6、设置所有display:none的元素字体颜色。
7、最后的预览效果如图。
本回答被网友采纳<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('我要找的是这个');
});
<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的元素呢?