jQuery中closest和parents的區(qū)別分析
jQuery中closest和parents從表現(xiàn)上來看都是說查找上線元素的一些內(nèi)容了，但如果說仔細(xì)可能各位不懂，下面我們一起來看看closest和parents區(qū)別。
1.父級
parent()——唯一父級元素，可能是0個或1個元素。
2.祖先
parents(selected)——所有selected祖先（不包含根元素），可能是0個、1個或多個元素。
closest(selected)——唯一selected祖先，可能是0個或1個元素。
closest和parents的主要區(qū)別是：
前者從當(dāng)前元素開始匹配尋找，后者從父元素開始匹配尋找；
前者逐級向上查找，直到發(fā)現(xiàn)匹配的元素后就停止了，后者一直向上查找直到根元素，然后把這些元素放進(jìn)一個臨時集合中，再用給定的選擇器表達(dá)式去過濾；
前者返回0或1個元素，后者可能包含0個，1個，或者多個元素。
closest對于處理事件委托非常有用。
總結(jié)
1、closest查找開始于自身，parents開始于元素父級
2、closest向上查找，知道找到一個匹配就停止查找，parents一直查找到根元素，并將匹配的元素加入集合
3、closest返回的是包含零個或一個元素的jquery對象，parents返回的是包含零個或一個或多個元素的jquery對象
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
Bookmarklet實(shí)現(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實(shí)現(xiàn)自動調(diào)整字體大小的方法
這篇文章主要介紹了jQuery實(shí)現(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實(shí)現(xiàn)側(cè)邊欄左右伸縮效果的示例
下面小編就為大家分享一篇jquery實(shí)現(xiàn)側(cè)邊欄左右伸縮效果的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
JQuery簡單實(shí)現(xiàn)錨點(diǎn)鏈接的平滑滾動
在平時的項(xiàng)目中，我們經(jīng)常需要一些特效鏈接，如果使效果進(jìn)一步加強(qiáng)，我們可以使點(diǎn)擊錨點(diǎn)鏈接平滑滾動到錨點(diǎn)，下面就來給大家講解下如何使用jQuery來實(shí)現(xiàn)。2015-05-05
jQuery實(shí)現(xiàn)常見的隱藏與展示列表效果示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)常見的隱藏與展示列表效果,結(jié)合完整實(shí)例形式分析了jQuery事件響應(yīng)及針對頁面元素屬性動態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-06-06
jquery.post用法關(guān)于type設(shè)置問題補(bǔ)充
當(dāng)使用ajax獲取data數(shù)據(jù)的時候，直接data.foo就可以得到。而較低版本的jquery就不行比如1.4之前，下面為大家介紹下jquery.post用法關(guān)于type設(shè)置問題2014-01-01
jQuery實(shí)現(xiàn)類似老虎機(jī)滾動抽獎效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)類似老虎機(jī)滾動抽獎效果的方法,實(shí)例分析了jquery隨機(jī)數(shù)及Ajax調(diào)用的相關(guān)技巧,需要的朋友可以參考下2015-08-08