Jquery中children與find之間的區(qū)別詳細(xì)解析
更新時(shí)間：2013年11月29日 10:04:39 作者：
這篇文章主要是對(duì)Jquery中children與find之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
首先看一段HTML代碼，如下：
復(fù)制代碼 代碼如下:
<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>
如果我要獲取第二個(gè)tr里的第二個(gè)td的值：
Children：
復(fù)制代碼 代碼如下:
$("#tb>tbody").children("tr:eq(1) td:eq(1)").html()
Find ：
復(fù)制代碼 代碼如下:
$("#tb>tbody").find("tr:eq(1) td:eq(1)").html()
結(jié)果，通過(guò)children獲取的值為：null,而通過(guò)find獲取的值為：4 這是為什么呢？
查了一下資料，通過(guò)children獲取的是該元素的下級(jí)元素，而通過(guò)find獲取的是該元素的下級(jí)所有元素。
這時(shí)回到上面，我們可以得出，$("#tb>tbody").children() 獲取的是兩個(gè)tr元素（不包括它們子元素td），
而children里面的選擇器則是在獲取的兩個(gè)tr元素里再根據(jù)條件進(jìn)行篩選，所以上面那種寫法獲取不到值。
如果一定用children我們可以這樣寫：
復(fù)制代碼 代碼如下:
$("#tb>tbody").children("tr:last").children("td:eq(1)").html()
相關(guān)文章
jQuery的選擇器主要包括基本選擇器 子選擇器 特征選擇器 位置選擇器。2009-12-12
jQuery中隊(duì)列queue()函數(shù)的實(shí)例教程
這篇文章主要介紹了jQuery中隊(duì)列queue()函數(shù)的實(shí)例教程,queue()函數(shù)為JavaScript函數(shù)的執(zhí)行順序控制操作提供了便利,需要的朋友可以參考下2016-05-05
js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例
這篇文章主要介紹了js 實(shí)現(xiàn)一些跨瀏覽器的事件方法詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2016-10-10
這篇文章主要是對(duì)jQuery控制iFrame的實(shí)例代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)多級(jí)下拉菜單jDropMenu的方法,涉及jquery鼠標(biāo)事件及頁(yè)面元素遍歷的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08
在Discuz! 6.1中無(wú)法直接使用jQuery，此時(shí)對(duì)/include/javascript/common.js文件應(yīng)用如下補(bǔ)丁即可。2008-09-09
WEB前端開(kāi)發(fā)都應(yīng)知道的jquery小技巧及jquery三個(gè)簡(jiǎn)寫
一個(gè)簡(jiǎn)單技巧的集合，幫你提升 jQuery 技能，下面腳本之家小編給大家收集整理了web前端開(kāi)發(fā)都應(yīng)知道的jquery小技巧，對(duì)jquery小技巧感興趣的朋友一起學(xué)習(xí)吧2015-11-11
jQuery 使用手冊(cè)，大家可以耐心的看完，就基本上入門了。2009-09-09
如何在頁(yè)面上同時(shí)使用 jQuery 和其他框架？2013-04-04
使用Jquery Aajx訪問(wèn)WCF服務(wù)(GET、POST、PUT、DELETE)
使用Jquery Aajx訪問(wèn)WCF服務(wù)(GET、POST、PUT、DELETE)，需要的朋友可以參考下2012-03-03