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
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知