jquery 中后代遍历之children、find区别

jquery 中children、find区别

首先看一段HTML代码，如下：

 1 <table id="tb">
 2     <tr>
 3         <td>0</td>
 4         <td>1</td>
 5         <td>2</td>
 6     </tr>
 7     <tr>
 8         <td>3</td>
 9         <td>4</td>
10         <td>5</td>
11     </tr>
12 </table>

如果要获取第一个tr里边的第二个td的值：

children:

$('#tb>tbody').children('tr:eq(0) td:eq(1)').html()

find:

$('#tb>tbody').find('tr:eq(0) td:eq(1)').html()

结果：

children获取的值为：undefined

find获取的值为：4

结论：

children()方法查找的是孩子。（仅儿子辈）。

find()方法查找的是子孙后代。

.find()方法要注意的知识点：

1、find是遍历当前元素集合中每个元素的后代。只要符合，不管是儿子辈，孙子辈都可以。

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

3、find只在后代中遍历，不包括自己。

解释：find只在后代中遍历，不包括自己：

1 <body>
2     <div class="css">
3         <p class="rain">测试1</p>
4     </div>
5     <div class="rain">
6         <p>测试2</p>
7     </div>
8 </body>

如果用find方法找到div里边含有rain的类：

$('div').find('.rain').css('color',"red");

结果：

结论：

上面例子中$（‘div’）包含两个元素，第一个元素符合要求，但第二个元素div本身的class虽然是“rain”,但其内部没有class=rain，所以不符合。

转载于:https://www.cnblogs.com/angry-apple/p/8257097.html

jquery 中后代遍历之children、find区别相关推荐

jquery中this与$(this)的用法区别.
2019独角兽企业重金招聘Python工程师标准>>> jquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( ...
jQuery中ready与load事件的区别
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. jQuery中ready与load事件的区别概述: 大家在工作中用jQuery的时候一定会在使用之 ...
js中的遍历和jquery中的遍历
1.map() 方法返回一个由原数组中的每个元素调用一个指定方法后的返回值组成的新数组. 使用实例: var ary = [12,23,24,42,1]; var res = ary.map(func ...
jQuery的后代遍历
后代包括子.孙.曾孙等等两个方法 children() find() children() 返回被选元素的,所有直接子元素只会向下一级对DOM树进行遍历 $("div").c ...
Jquery中.val()与.value之间的区别
三年多没敲过代码了,今年打算捡起来,是需要多么大的勇气.但是为了实现自我价值,履行自我的承诺,这就是责任.没有什么难不难,晚不晚之说,是我经常对别人说的那样,再晚不过心晚,,一切努力了,实现了每一天的 ...
jQuery中的$(“this“)和$(this)的区别
$(this)取出当前对象并转换为jQuery对象 $("this")是使用标签选择器,查找名为this的标签 $(this)是jquery对象,能调用jquery的方法,例如cl ...
JQuery中parent()，parents()，parentsUntil()区别和使用技巧
parent()其实很简单, 就是指定选择器中每个元素的外边的一层.比如$("p"),那么就是结果就是包裹着<p></p>的数据如:<div> ...
jQuery中attr和prop方法的区别
2019独角兽企业重金招聘Python工程师标准>>> 相比attr,prop是1.6.1才新出来的,两者从中文意思理解,都是获取/设置属性的方法(attributes和proper ...
Jquery中post与get之间的区别详细介绍
1:GET访问浏览器认为是等幂的 GET访问浏览器认为是等幂的,就是一个相同的URL只有一个结果,相同是指整个URL字符串完全匹配.所以,第二次访问的时候,如果URL字符串没变化浏览器是直接拿出了第 ...

jquery 中后代遍历之children、find区别

jquery 中后代遍历之children、find区别相关推荐

最新文章

热门文章