2022-06-19 jQuery遍历方法:find()方法遍历当前元素的符合条件的后代元素

原创已于 2022-10-06 18:19:07 修改 · 468 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #jquery #jq #遍历 #find

于 2022-06-19 22:02:33 首次发布

知识点专栏收录该内容

96 篇文章

订阅专栏

这篇博客介绍了jQuery中的find()方法，该方法用于查找指定元素的所有后代元素。示例中展示了如何使用find()选择带有特定类名的后代元素，并通过CSS改变其样式。文章强调了在使用find()时，即使选择所有后代也需要提供通配符*以避免报错。

定义&语法

find() 方法返回被选元素的后代元素(包括子节点和孙节点等)
语法:

$(selector).find(filter);

*filter是过滤条件不可缺少,
也就是说想要选择Selector的全部后代也要带上星号,即:

$(selector).find("*");

才不会报错

示例:选取带有类名的后代

<body class="ancestors">body (曾祖先节点)
	<div style="width:500px;">div (祖先节点)
		<ul>ul (直接父节点)  
			<li class="1">li (子节点)
				<span>span (孙节点)</span>
			</li>
			<li class="2">li (子节点)
				<span class="1">span (孙节点)</span>
			</li>
		</ul>   
	</div>
</body>
<script>
$(document).ready(function(){
	$("div").find(".1").css({"color":"red","border":"2px solid red"});
});
</script>