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

前端OnTheRun

已于 2022-10-06 18:19:07 修改

阅读量406

点赞数

分类专栏：知识点文章标签： javascript jquery jq 遍历 find

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

本文链接：https://blog.csdn.net/rowlet/article/details/125363195

版权

知识点专栏收录该内容

87 篇文章 0 订阅

订阅专栏

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

摘要由CSDN通过智能技术生成

定义&语法

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>