jQuery find()方法
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/post/8583.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权发表，未经许可，不得转载。
评论