Jquery中children与find之间的区别详细解析
更新时间：2013年11月29日 10:04:39 作者：
这篇文章主要是对Jquery中children与find之间的区别进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助
首先看一段HTML代码，如下：
复制代码 代码如下:
<table id="tb">
<tr>
<td>0</td>
<td>1</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
</table>
如果我要获取第二个tr里的第二个td的值：
Children：
复制代码 代码如下:
$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()
Find ：
复制代码 代码如下:
$("#tb>tbody").find("tr:eq(1) td:eq(1)").html()
结果，通过children获取的值为：null,而通过find获取的值为：4 这是为什么呢？
查了一下资料，通过children获取的是该元素的下级元素，而通过find获取的是该元素的下级所有元素。
这时回到上面，我们可以得出，$("#tb>tbody").children() 获取的是两个tr元素（不包括它们子元素td），
而children里面的选择器则是在获取的两个tr元素里再根据条件进行筛选，所以上面那种写法获取不到值。
如果一定用children我们可以这样写：
复制代码 代码如下:
$("#tb>tbody").children("tr:last").children("td:eq(1)").html()
相关文章
jQuery的选择器主要包括基本选择器 子选择器 特征选择器 位置选择器。2009-12-12
这篇文章主要介绍了jQuery中队列queue()函数的实例教程,queue()函数为JavaScript函数的执行顺序控制操作提供了便利,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了js 实现一些跨浏览器的事件方法详解及实例的相关资料,需要的朋友可以参考下2016-10-10
这篇文章主要是对jQuery控制iFrame的实例代码进行了详细的分析介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-11-11
这篇文章主要介绍了jQuery实现多级下拉菜单jDropMenu的方法,涉及jquery鼠标事件及页面元素遍历的相关技巧,非常具有实用价值,需要的朋友可以参考下2015-08-08
在Discuz! 6.1中无法直接使用jQuery，此时对/include/javascript/common.js文件应用如下补丁即可。2008-09-09
WEB前端开发都应知道的jquery小技巧及jquery三个简写
一个简单技巧的集合，帮你提升 jQuery 技能，下面脚本之家小编给大家收集整理了web前端开发都应知道的jquery小技巧，对jquery小技巧感兴趣的朋友一起学习吧2015-11-11
jQuery 使用手册，大家可以耐心的看完，就基本上入门了。2009-09-09
如何在页面上同时使用 jQuery 和其他框架？2013-04-04
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)
使用Jquery Aajx访问WCF服务(GET、POST、PUT、DELETE)，需要的朋友可以参考下2012-03-03
最新评论