find() 和 children()的区别

最新推荐文章于 2020-09-22 09:27:27 发布
最新推荐文章于 2020-09-22 09:27:27 发布
阅读量536 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： jQuery 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/c2311156c/article/details/78050676
本文详细介绍了jQuery中children和find两个选择器的使用方法。children选择器用于选取指定元素的直接子元素；find选择器用于选取指定元素的所有后代元素，包括子元素及更深层次的后代元素。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1. children:

参数：非必须，选择器

类似选择器：$("parent > child")

作用：选择某一元素的子代元素，无参数则默认选择全部


2. find:

参数：必须，选择器

类似选择器：$("ancestor descendant")

作用：选择某一元素的所有后代元素，包括子元素，孙子元素等。


jQuery中的find（）和children（）之间的区别
一名可爱的技术搬运工
05-21 1673
find（）和children（）方法都用于过滤匹配元素的子级，除了前者向下移动任何级别，后者向下移动单个级别。 要简单 find（） –搜索匹配元素的子级，孙级，曾孙级……任何级别的下级。 children（） –仅搜索匹配元素的子级（单级向下）。 请参见以下示例，以了解find（）和children（）的区别 。 jQuery find（）vs children（）示...
jQuery中children()和find()的区别
wangshengfei
05-08 824
首先，有一张表格 它的结构为 我要找到每行tr中的第一个td，于是我写成了  。这样写是错误的。结果也只能找到一个td 也就是第一个值为"1"的td(用length属性来得到td的个数)。而写成 就能找到所有4个要找的td了。这就牵涉到children与find的区别了。 百度了一下这两者的区别：都说他俩的区别是children()只能匹配
jquery遍历之children()与find()的区别
热门推荐
大头爸爸的博客
10-27 4万+
.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素（仅儿子辈）。参数可选，添加参数表示通过选择器进行过滤，对元素进行筛选。 .find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的，可以为选择器、jquery对象可元素来对元素进行筛选。 .find() 与 .children() 方法类似，不同的是后者仅沿着 DOM 树向下遍历单一层
children()与find()区别
weixin_30619101的博客
07-19 148
1、children() 　　返回被选元素的所有直接子元素，该方法只会向下一级对 DOM 树进行遍历； 2、find() 　　返回被选元素的后代元素，一路向下直到最后一个后代。 转载于:https://www.cnblogs.com/hwldyz/p/9335915.html...
find children 的区别
u014704496的专栏
05-22 671
jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历。 下面的例子返回每个 元素的所有直接子元素： 实例 $(document).ready(function(){   $("div").children(); });
jquery中children()、find()的区别
whaxrl的专栏
08-03 631
 一、Jquery中children   语法 .children(selector)   说明 expr是表达式，可选参数，所有选择器中的表达式都可以用在这，比如按标签名"div",按类名".class",按序号":first"等等，如果表达式为空，那么返回的是所有的孩子，返回的结果仍为jQuery对象。      二、Jquery中find find() 方法
jQuery find和children方法使用
10-28
在JavaScript的DOM操作中，jQuery库提供了一系列便捷的方法来帮助开发者高效地操作DOM元素，其中`find`和`children`是两个常用的子元素查询方法。本文将详细解析这两个方法的使用，以及它们在实际开发中的应用场景。...
jQuery初学:find()方法及children方法的区别分析
12-09
首先看看英文解释吧： children方法：find方法：通过以上的解释，可以总结如下： 1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 2：children...
谈谈Jquery中的children find 的区别有哪些
11-22
精华：find方法能找子孙，children方法只能找儿子 一、Jquery中children 语法 .children(selector) 说明 expr是表达式，可选参数，所有选择器中的表达式都可以用在这，比如按标签名”div”,按类名”.class”,按...
jquery中选择器children和find的区别
u010271602的博客
09-28 845
children()和find()的异同： 1> children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。  2> children方法获得的仅仅是元素一下级的子元素，即：immediate children。  3> find方法获得所有下级元素，即：descendants of these
jquery的find和children区别
u013803262的专栏
08-27 550
jQuery find方法可以找到任意深度的子元素, 而children方法只能找到第一级的子元素. 运行一下以下的代码就知道 Title --> console.log('jquery的children方法---------->' + $(
jquery中find方法和children方法的区别
haiziguo的专栏
05-22 3449
find方法能找子孙 children方法只能找儿子 新闻 网页 知道 正文 结尾 $("#menu_ul").children("ul").css("color
jquery children()和find()区别
小猪的博客
03-23 4420
废话不多说 直接上代码<html> <head> <meta charset="UTF-8"> <title>Document</title> <style> div{ /*background-color: pink;*/ } </style> </head
find()与children()方法的区别
weixin_30888413的博客
08-17 124
来源：http://www.jb51.net/article/26195.htm 总经一下前段时间用于的jQuery方法：find及children。需要的朋友可以参考下。 首先看看英文解释吧：children方法：find方法：通过以上的解释，可以总结如下：1：children及find方法都用是用来获得element的子elements的，两者都不会返回 text node...
细谈jQuery的find（）和children（）方法
明天的你会感谢今天的自己
08-21 3770
先来说find（）方法，W3C的解释是： 获得当前匹配元素集合中每个元素的后代，由选择器进行筛选 常用的方法如下：$('li.item-ii').find( 必填参数 ).find方法的参数的必须的，参数可以为属性的class名（class=“XXX”），元素名（<p>元素），以及jQuery的选择器参数：.find('li')、.find( $('li') )等，find（）找...
获取子元素 children()和find()的异同：
qq_29315565的博客
03-21 2320
 1> children及find方法都用是用来获得element的子elements的，两者都不会返回 text node，就像大多数的jQuery方法一样。 *2> children方法获得的仅仅是元素一下级的子元素，即：immediate children。 *3> find方法获得所有下级元素，即：descendants of these elements in the ...
jQuery--遍历节点之后代遍历（children()、find()、contents()）详解
吴声子夜歌的博客
10-02 2240
后代遍历 后代遍历又称向下遍历，常用的方法有children()、find()和contents()方法，通过向下遍历DOM树的方式来查找元素的后台元素。 1. children()方法： children()方法用于返回所匹配元素的直接子元素，并允许使用选择器进行筛选，其语法格式如下： $(selector).children([childSelector]) $(selector)：表示所...
jQuery 中 children() 与 find() 用法的区别
weixin_30332241的博客
03-14 61
1、children() 与 find() 用法的区别 通过children获取的是该元素的下级元素，而通过find获取的是该元素的下级所有元素。 转载于:https://www.cnblogs.com/zsongs/p/5277466.html...
jQuery的children()和find()方法
KongYue1202的博客
09-22 1685
1.children() 方法返回被选元素的所有直接子元素。（直接子元素，只找儿子不要孙子） 2.find（）方法获得当前元素集合中每个元素的后代 布局 <div class="nav"> <p>我是p1</p> <div> <p>我是p2</p> </div> </div> <script> $(function(){ //children 选亲儿子 $('.nav').chi
jquery中find和children
04-10
jQuery中的find和children是选择器函数，可以在DOM树中匹配元素并返回符合条件的元素集合。其中，find是在某个DOM元素的所有后代元素中查找符合条件的元素，而children只在该元素的直接子元素中查找符合条件的元素。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值