Jquery中children與find之間的區(qū)別詳細解析
更新時間：2013年11月29日 10:04:39 作者：
這篇文章主要是對Jquery中children與find之間的區(qū)別進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助
首先看一段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元素里再根據(jù)條件進行篩選，所以上面那種寫法獲取不到值。
如果一定用children我們可以這樣寫：
復制代碼 代碼如下:
$("#tb>tbody").children("tr:last").children("td:eq(1)").html()
相關文章
jQuery的選擇器主要包括基本選擇器 子選擇器 特征選擇器 位置選擇器。2009-12-12
這篇文章主要介紹了jQuery中隊列queue()函數(shù)的實例教程,queue()函數(shù)為JavaScript函數(shù)的執(zhí)行順序控制操作提供了便利,需要的朋友可以參考下2016-05-05
這篇文章主要介紹了js 實現(xiàn)一些跨瀏覽器的事件方法詳解及實例的相關資料,需要的朋友可以參考下2016-10-10
這篇文章主要是對jQuery控制iFrame的實例代碼進行了詳細的分析介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
jQuery實現(xiàn)多級下拉菜單jDropMenu的方法
這篇文章主要介紹了jQuery實現(xiàn)多級下拉菜單jDropMenu的方法,涉及jquery鼠標事件及頁面元素遍歷的相關技巧,非常具有實用價值,需要的朋友可以參考下2015-08-08
在Discuz! 6.1中無法直接使用jQuery，此時對/include/javascript/common.js文件應用如下補丁即可。2008-09-09
WEB前端開發(fā)都應知道的jquery小技巧及jquery三個簡寫
一個簡單技巧的集合，幫你提升 jQuery 技能，下面腳本之家小編給大家收集整理了web前端開發(fā)都應知道的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