jQuery初學(xué):find()方法及children方法的區(qū)別分析
更新時(shí)間：2011年01月31日 23:19:42 作者：
總經(jīng)一下前段時(shí)間用于的jQuery方法：find及children。需要的朋友可以參考下。
首先看看英文解釋吧：
children方法：
find方法：
通過(guò)以上的解釋?zhuān)梢钥偨Y(jié)如下：
1：children及find方法都用是用來(lái)獲得element的子elements的，兩者都不會(huì)返回 text node，就像大多數(shù)的jQuery方法一樣。
2：children方法獲得的僅僅是元素一下級(jí)的子元素，即：immediate children。
3：find方法獲得所有下級(jí)元素，即：descendants of these elements in the DOM tree
4：children方法的參數(shù)selector 是可選的（optionally），用來(lái)過(guò)濾子元素，但find方法的參數(shù)selector方法是必選的。
5：find方法事實(shí)上可以通過(guò)使用 jQuery( selector, context )來(lái)實(shí)現(xiàn)：英語(yǔ)如是說(shuō)：Selector context is implemented with the .find() method; therefore, $('li.item-ii').find('li') is equivalent to $('li', 'li.item-ii').
例如，有以下html元素：
使用：$('ul.level-2').children().css('border', '1px solid green'); 的效果是：
使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是：
children方法：
find方法：
通過(guò)以上的解釋?zhuān)梢钥偨Y(jié)如下：
1：children及find方法都用是用來(lái)獲得element的子elements的，兩者都不會(huì)返回 text node，就像大多數(shù)的jQuery方法一樣。
2：children方法獲得的僅僅是元素一下級(jí)的子元素，即：immediate children。
3：find方法獲得所有下級(jí)元素，即：descendants of these elements in the DOM tree
4：children方法的參數(shù)selector 是可選的（optionally），用來(lái)過(guò)濾子元素，但find方法的參數(shù)selector方法是必選的。
5：find方法事實(shí)上可以通過(guò)使用 jQuery( selector, context )來(lái)實(shí)現(xiàn)：英語(yǔ)如是說(shuō)：Selector context is implemented with the .find() method; therefore, $('li.item-ii').find('li') is equivalent to $('li', 'li.item-ii').
例如，有以下html元素：
使用：$('ul.level-2').children().css('border', '1px solid green'); 的效果是：
使用 $('ul.level-2').find('li').css('border', '1px solid green'); 的效果是：
相關(guān)文章
用Juery網(wǎng)頁(yè)選項(xiàng)卡實(shí)現(xiàn)代碼
現(xiàn)在jquery比較流行，很多的選項(xiàng)卡效果可以通過(guò)jquery來(lái)實(shí)現(xiàn)。2011-06-06
jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法
這篇文章主要介紹了jQuery獲取標(biāo)簽文本內(nèi)容和html內(nèi)容的方法,實(shí)例分析了jQuery中text和html方法的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細(xì)介紹了JQuery核心函數(shù)是什么，及使用方法介紹，感興趣的小伙伴們可以參考一下2016-05-05
本篇文章主要是對(duì)Cookie中的Path與domain進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-12-12![jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能](http://img.jbzj.com/images/xgimg/bcimg4.png)
jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能
這篇文章主要介紹了jQuery實(shí)現(xiàn)input[type=file]多圖預(yù)覽上傳刪除等功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2019-08-08
jQuery點(diǎn)擊出現(xiàn)愛(ài)心特效
這篇文章主要為大家詳細(xì)介紹了jQuery點(diǎn)擊出現(xiàn)愛(ài)心特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-08-08
Jquery工作常用實(shí)例 使用AJAX使網(wǎng)頁(yè)進(jìn)行異步更新
AJAX 通過(guò)在后臺(tái)與服務(wù)器交換少量數(shù)據(jù)的方式，允許網(wǎng)頁(yè)進(jìn)行異步更新。這意味著有可能在不重載整個(gè)頁(yè)面的情況下，對(duì)網(wǎng)頁(yè)的一部分進(jìn)行更新。2011-07-07
這篇文章主要介紹了jquery中$.ajax方法提交表單的方法及介紹，希望對(duì)大家有所幫助2014-11-11
很多朋友不清楚(function(){... })();這幾種寫(xiě)法各代表是什么意思，下面小編通過(guò)本教程給大家簡(jiǎn)單介紹下(function(){... })();知識(shí)，感興趣的朋友跟著小編一起學(xué)習(xí)吧2016-08-08
jQuery實(shí)現(xiàn)公告文字左右滾動(dòng)的實(shí)例代碼
這篇文章介紹了jQuery實(shí)現(xiàn)公告文字左右滾動(dòng)的實(shí)例代碼，有需要的朋友可以參考一下2013-10-10