jquery中find()与children()的区别是什么?

您所在的位置:网站首页 kids和children的区别是什么 jquery中find()与children()的区别是什么?

jquery中find()与children()的区别是什么?

2023-05-26 14:18| 来源: 网络整理| 查看: 265

区别:children(selector)方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈),参数是可选的;find(selector)方法是返回匹配元素集合中每个元素的后代(只要符合,不管是儿子辈,孙子辈都可以),参数是必选的。

jquery中find()与children()的区别是什么?

相关推荐:《jQuery视频教程》

.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈)。参数可选,添加参数表示通过选择器进行过滤,对元素进行筛选。

.find(selector)方法是返回匹配元素集合中每个元素的后代。参数是必选的,可以为选择器、jquery对象可元素来对元素进行筛选。

.find() 与 .children() 方法类似,不同的是后者仅沿着 DOM 树向下遍历单一层级。这里的children,我理解为儿子,只在儿子这一级遍历。看下例子:

I II 不包括自己 A B 1 2 3 C III 登录后复制$('ul.level-2').children().css('background-color', 'red');登录后复制

这行代码的结果是,项目 A, B, C 得到红色背景。由于我们没有应用选择器表达式,返回的 jQuery 对象包含了所有子元素。如果应用一个选择器的话,那么只会包括匹配的项目。

在看个例子:

$(document).ready(function(){ $("#abc").children(".selected").css("color", "blue"); });

Hello

Hello Again



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3