jQuery find 和 children()

最新推荐文章于 2021-05-05 16:05:56 发布

转载最新推荐文章于 2021-05-05 16:05:56 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/2419285/blog/922121

文章标签：

#javascript #python #ViewUI

本文详细解析了jQuery中find()与children()方法的区别及应用场景。find()用于查找后代元素，包括子节点及其所有后代节点；而children()仅查找直接子节点。文中还介绍了find()方法的特点及使用技巧。

2019独角兽企业重金招聘Python工程师标准>>>

jQuery是一个合集对象，如果想快速查找DOM树中的这些元素的后代元素，此时可以用find()方法，这也是开发使用频率很高的方法。这里要注意 children与find方法的区别，children是父子关系查找，find是后代关系（包含父子关系） .find()方法要注意的知识点：

find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。
与其他的树遍历方法不同，选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回，可以传递通配选择器 '*'。
find只在后代中遍历，不包括自己。
选择器 context 是由 .find() 方法实现的；因此，$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。
注意重点：

.find()和.children()方法是相似的
1.children只查找第一级的子节点
2.find查找范围包括子节点的所有后代节点

这里再简单介绍以下children()和find()的异同：

1> children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 
2> children方法获得的仅仅是元素一下级的子元素，即：immediate children。 
3> find方法获得所有下级元素，即：descendants of these elements in the DOM tree 
4> children方法的参数selector 是可选的（optionally），用来过滤子元素，

所以 find().text() 是没有内容的