基於jquery 的find()函數和children()函數的區別

標籤：element   text   sel   先後   context   基於   span   參數   jquery   

element.find(selector)  返回匹配element集合中每個元素的後代，參數selector是必須的，可以通過選取器對元素進行過濾，篩選出合格元素。如果想選中所有的後代元素，則參數傳通配選取器  "*"

element.children(selector)  返回匹配element集合中每個元素的子代，參數selector不是必須的，如果參數省略，則會選中element下的所有子代元素；如果傳入參數，則會在子代元素中通過選取器對其進行過濾，篩選出合格元素。

總結：children只會遍曆指定DOM元素的下一層級，find會遍曆指定DOM元素下的所有後代層級

擴充：find方法擴充
選取器context就是用find方法實現的。

jquery(selector,[context]) 即$(selector,[context])

可能大多數的人都是只用到了$(selector)來選擇元素，如果只傳入第一個參數的話，就會從document元素下尋找匹配的元素。

如果傳入第二個參數，就會從context中尋找，其返回的元素順序等同於在context中出現的先後順序。

$("p", this) 等價於 $(this).find("p")，$(‘li.item-ii‘).find(‘li‘) 等價於 $(‘li‘, ‘li.item-ii‘)

基於jquery 的find()函數和children()函數的區別