jquery 遍历方法children()与find()的区别

在jquery中,children()与find()都是用于向下遍历 DOM 树的 jQuery 方法,但是二者在遍历方式、参数使用、获得的数据内容和返回类型都不同,本文将从这几个方面向大家介绍children()与find()的区别。

1、遍历方式不同

children()方法是一个筛选器,顾名思义就是筛选子元素,筛选那些符合条件的子元素。

find()方法获得当前元素集合中每个元素的后代,通过选择器、jQuery 对象或元素来筛选。

2、参数不同

children()方法的参数selector 是可选的(optionally),用来过滤子元素。

jQueryObject.children( [ selector ] )

find()方法的参数selector方法是必选的。 

jQueryObject.find( [ selector ] )

3、获得内容不同

children方法获得的仅仅是元素一下级的子元素,即:immediate children。 
find方法获得所有下级元素,即:descendants of these elements in the

3、返回类型不同

children()方法返回返回被选元素的所有直接子元素

find()方法返回获得当前元素集合中每个元素的后代

以上就是jquery中children()与find()的区别,需要注意find()方法,必须传参数,否者无效哦~更多JavaScript学习推荐:JavaScript教程。

jquery中有个功能是遍历DOM树,可以根据一个结构中的一个点就可以找到整个结构的所有的东西,就不用一个个的区查询。本文介绍jquery中向上遍历DOM树的三种方法:1、parent()方法;2、 ...