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