jQuery遍历之find()方法
2017-08-09 17:33
495 查看
jQuery遍历之find()方法
jQuery是一个合集对象,如果想快速查找DOM树中的这些元素的后代元素,此时可以用find()方法,这也是开发使用频率很高的方法。这里要注意 children与find方法的区别,children是父子关系查找,find是后代关系(包含父子关系)理解节点查找关系:
<div class="div"> <ul class="son"> <li class="grandson">1</li> </ul> </div>
代码如果是$("div").find("li"),此时,li与div是祖辈关系,通过find方法就可以快速的查找到了。
.find()方法要注意的知识点:
find是遍历当前元素集合中每个元素的后代。只要符合,不管是儿子辈,孙子辈都可以。
与其他的树遍历方法不同,选择器表达式对于 .find() 是必需的参数。如果我们需要实现对所有后代元素的取回,可以传递通配选择器 '*'。
find只在后代中遍历,不包括自己。
选择器 context 是由 .find() 方法实现的;因此,$('.item-ii').find('li') 等价于 $('li', '.item-ii')(找到类名为item-ii的标签下的li标签)。
注意重点:
.find()和.children()方法是相似的 1.children只查找第一级的子节点 2.find查找范围包括子节点的所有后代节点
相关文章推荐
- jQuery 遍历 - find() 方法 .CSS()方法
- jQuery基础教程之DOM操作-遍历节点-find()方法
- jQuery 遍历 - find() 方法 练习1
- jQuery 遍历 - find() 方法
- JQuery查找子元素find()和遍历集合each的方法总结
- jQuery 遍历 - find() 方法
- jQuery 遍历 - find() 方法
- jquery中遍历方法children()与find()的区别
- jQuery遍历节点-find()方法使用说明
- jQuery 遍历 - find() 方法
- jQuery 遍历 - find() 方法
- jQuery遍历节点-find()方法使用说明
- jQuery 遍历 - find() 方法
- jQuery 遍历 - find() 方法
- jQuery遍历方法find
- jQuery遍历之find()方法
- jquery遍历json与数组方法总结
- JQuery遍历控件的方法
- jquery动态添加以及遍历option并获取特定样式名称的option方法
- jQuery 遍历 - each() 方法