jQuery中closest和parents的區(qū)別分析
jQuery中closest和parents從表現(xiàn)上來看都是說查找上線元素的一些內(nèi)容了,但如果說仔細可能各位不懂,下面我們一起來看看closest和parents區(qū)別。
1.父級
parent()——唯一父級元素,可能是0個或1個元素。
2.祖先
parents(selected)——所有selected祖先(不包含根元素),可能是0個、1個或多個元素。
closest(selected)——唯一selected祖先,可能是0個或1個元素。
closest和parents的主要區(qū)別是:
前者從當前元素開始匹配尋找,后者從父元素開始匹配尋找;
前者逐級向上查找,直到發(fā)現(xiàn)匹配的元素后就停止了,后者一直向上查找直到根元素,然后把這些元素放進一個臨時集合中,再用給定的選擇器表達式去過濾;
前者返回0或1個元素,后者可能包含0個,1個,或者多個元素。
closest對于處理事件委托非常有用。
總結(jié)
1、closest查找開始于自身,parents開始于元素父級
2、closest向上查找,知道找到一個匹配就停止查找,parents一直查找到根元素,并將匹配的元素加入集合
3、closest返回的是包含零個或一個元素的jquery對象,parents返回的是包含零個或一個或多個元素的jquery對象
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
Bookmarklet實現(xiàn)啟動jQuery(模仿 云輸入法)
最近流行的 sogo云輸入法, QQ云輸入法,都用到了bookmarklet技術(shù)。2010-09-09
淺析jQuery移動開發(fā)中內(nèi)聯(lián)按鈕和分組按鈕的編寫
這篇文章主要介紹了jQuery移動開發(fā)中內(nèi)聯(lián)按鈕和分組按鈕的編寫方法,基于jQuery mobile這個jQuery針對移動開發(fā)版的庫,需要的朋友可以參考下2015-12-12
jQuery實現(xiàn)自動調(diào)整字體大小的方法
這篇文章主要介紹了jQuery實現(xiàn)自動調(diào)整字體大小的方法,涉及jQuery針對頁面屬性與樣式動態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2015-06-06
JQuery 引發(fā)兩次$(document.ready)事件
ASP.net MVC 做了個工程,不知道為什么Search按就總是執(zhí)行兩次。2010-01-01
今天抽時間給大家整理jquery和ajax的相關(guān)知識
jquery ajax2015-11-11
jquery實現(xiàn)側(cè)邊欄左右伸縮效果的示例
下面小編就為大家分享一篇jquery實現(xiàn)側(cè)邊欄左右伸縮效果的示例,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
jquery.post用法關(guān)于type設(shè)置問題補充
當使用ajax獲取data數(shù)據(jù)的時候,直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前,下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問題2014-01-01

