jQuery初學:find()方法及children方法的區(qū)別分析
更新時間：2011年01月31日 23:19:42 作者：
總經(jīng)一下前段時間用于的jQuery方法：find及children。需要的朋友可以參考下。
首先看看英文解釋吧：
children方法：
find方法：
通過以上的解釋，可以總結(jié)如下：
1：children及find方法都用是用來獲得element的子elements的，兩者都不會返回 text node，就像大多數(shù)的jQuery方法一樣。
2：children方法獲得的僅僅是元素一下級的子元素，即：immediate children。
3：find方法獲得所有下級元素，即：descendants of these elements in the DOM tree
4：children方法的參數(shù)selector 是可選的（optionally），用來過濾子元素，但find方法的參數(shù)selector方法是必選的。
5：find方法事實上可以通過使用 jQuery( selector, context )來實現(xiàn)：英語如是說：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方法：
通過以上的解釋，可以總結(jié)如下：
1：children及find方法都用是用來獲得element的子elements的，兩者都不會返回 text node，就像大多數(shù)的jQuery方法一樣。
2：children方法獲得的僅僅是元素一下級的子元素，即：immediate children。
3：find方法獲得所有下級元素，即：descendants of these elements in the DOM tree
4：children方法的參數(shù)selector 是可選的（optionally），用來過濾子元素，但find方法的參數(shù)selector方法是必選的。
5：find方法事實上可以通過使用 jQuery( selector, context )來實現(xiàn)：英語如是說：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'); 的效果是：
相關文章
最近的項目中，好幾次用到操作文本域的方法，比如光標位置、刪除光標前字符等。每次都是查閱資料（這部分操作涉及到的js方法都比較生僻），費時費事。于是就封裝了一個jQuery擴展2014-03-03
這篇文章主要介紹了jQuery控制的不同方向的滑動(向左、向右滑動等),需要的朋友可以參考下2014-07-07
基于Bootstrap和JQuery實現(xiàn)動態(tài)打開和關閉tab頁的實例代碼
這篇文章主要介紹了基于Bootstrap和JQuery實現(xiàn)動態(tài)打開和關閉tab頁的實例代碼，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-06-06
這篇文章主要介紹了jQuery回調(diào)方法使用,結(jié)合具體實例形式分析了jQuery回調(diào)方法的原理、定義及使用方法,需要的朋友可以參考下2017-06-06
密碼強度驗證的方式有很多，今天給大家推薦一個通過JQuery實現(xiàn)的密碼強度驗證控件，只需要很少的代碼便能實現(xiàn)。2010-03-03
這篇文章主要介紹了jQuery中detach()方法用法,以不同實例形式分析了detach()方法刪除匹配元素的技巧,具有一定的參考借鑒價值,需要的朋友可以參考下2014-12-12
新浪網(wǎng)易的評論塊制作 因為 textarea里面不能放圖片，所以和新浪的做法一樣，選用iframe放內(nèi)容，然后隱藏一個 textarea用于提交。2010-07-07
本篇文章介紹10款新鮮、有用的jQuery內(nèi)容導航插件，肯定是免費的了，希望對你有幫助。2011-09-09
jQuery實現(xiàn)ajax的疊加和停止(終止ajax請求)
這篇文章主要介紹了jQuery實現(xiàn)ajax的疊加和停止的關鍵代碼，代碼簡單易懂，需要的朋友可以參考下2016-08-08
使用jQuery.form.js/springmvc框架實現(xiàn)文件上傳功能
這篇文章主要介紹了使用jQuery.form.js/springmvc框架實現(xiàn)文件上傳功能，非常具有參考借鑒價值，感興趣的朋友一起學習吧2016-05-05