jQuery的children()和find()方法

阿越丶

于 2020-09-22 09:27:27 发布

阅读量1.6k

点赞数 1

分类专栏：笔记

本文链接：https://blog.csdn.net/KongYue1202/article/details/108724120

版权

笔记专栏收录该内容

5 篇文章

订阅专栏

本文介绍了jQuery中的children()方法和find()方法。children()主要用于获取元素的所有直接子元素，而find()则可以查找元素的后代，包括孙子、曾孙子等所有后代节点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.children() 方法返回被选元素的所有直接子元素。（直接子元素，只找儿子不要孙子）

2.find（）方法获得当前元素集合中每个元素的后代

布局

<div class="nav">
	<p>我是p1</p>
	<div>
		<p>我是p2</p>
	</div>
</div>

<script>
	$(function(){
		//children 选亲儿子
		$('.nav').children('p').css('color','red');
		//find 可以选取所有的孩子，包括儿子和孙子
		$('.nav').find('p').css('color','blue');
	})
</script>