jQuery find()方法

时间：6年前阅读：4760

find()方法：

find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。

与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。

find只在后代中遍历，不包括自己。

选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。

注意重点：

.find()和.children()方法是相似的

1.children只查找第一级的子节点

2.find查找范围包括子节点的所有后代节点

实例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript" src="../js/jquery-1.11.3.min.js"></script>
		<script type="text/javascript">
			$(function(){
//				children:孩子们 子元素
//				$('#dd').children('p').css({'color':'blue','font-size':'22px'});
				
//				选择的是#dd里所有的子代p标签(儿子辈,孙子辈,重孙子辈.....都能被选中)
				$('#dd').find('p').css({'color':'blue','font-size':'22px'});
				
			})
		</script>
	</head>
	<body>
		<div id="dd">
			<p>01</p>
			<p>02</p>
			<p>03 <span>这个是有span标签的</span></p>
			<p>04</p>
			<p class="tt">05</p>
			<p>06</p>
			<p id="nn">07</p>
			<p>08</p>
			<div>
			<p>ddd</p>
			<p>ccc</p>
			<p>eee</p>
			</div>
		</div>
	</body>
</html>

本站声明:网站内容来源于网络,如有侵权,请联系我们https://www.qiquanji.com,我们将及时处理。

微信扫码关注

更新实时通知

jQuery find()方法

网友评论