品易云推流 关闭
文章详情页
文章 > JavaScript > jquery的遍历方法children()与find()有什么区别?

jquery的遍历方法children()与find()有什么区别?

js jQuery

头像

宋雪维

2021-02-01 09:39:002651浏览 · 0收藏 · 0评论

在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教程

关注

关注公众号,随时随地在线学习

本教程部分素材来源于网络,版权问题联系站长!

底部广告图