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ì)象
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
JQuery select控件的相關(guān)操作實(shí)現(xiàn)代碼
JQuery獲取和設(shè)置Select選項(xiàng)方法匯總?cè)缦?,需要的朋友可以參考?/div> 2012-09-09jQuery插件ajaxFileUpload實(shí)現(xiàn)異步上傳文件效果
jQuery插件AjaxFileUpload用來實(shí)現(xiàn)ajax文件上傳,該插件使用非常簡單,接下來我們來看下用AjaxFileUpload插件實(shí)現(xiàn)文件上傳的方法,有需要的小伙伴可以參考下2015-04-04基于Jquery的回車成tab焦點(diǎn)切換效果代碼(Enter To Tab )
基于Jquery的回車成tab焦點(diǎn)切換效果代碼(Enter To Tab ),需要的朋友可以參考下。2010-11-11Jquery on綁定的事件 觸發(fā)多次實(shí)例代碼
下面小編就為大家?guī)硪黄狫query on綁定的事件 觸發(fā)多次實(shí)例代碼。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-12-12jQuery 防止相同的事件快速重復(fù)觸發(fā)方法
下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02最新評(píng)論