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ū)別是：
前者從當(dāng)前元素開始匹配尋找，后者從父元素開始匹配尋找；
前者逐級向上查找，直到發(fā)現(xiàn)匹配的元素后就停止了，后者一直向上查找直到根元素，然后把這些元素放進一個臨時集合中，再用給定的選擇器表達式去過濾；
前者返回0或1個元素，后者可能包含0個，1個，或者多個元素。
closest對于處理事件委托非常有用。
總結(jié)
1、closest查找開始于自身，parents開始于元素父級
2、closest向上查找，知道找到一個匹配就停止查找，parents一直查找到根元素，并將匹配的元素加入集合
3、closest返回的是包含零個或一個元素的jquery對象，parents返回的是包含零個或一個或多個元素的jquery對象
以上所述就是本文的全部內(nèi)容了，希望大家能夠喜歡。
相關(guān)文章
本文主要分享了jQuery實現(xiàn)彈幕效果的示例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JQuery select控件的相關(guān)操作實現(xiàn)代碼
JQuery獲取和設(shè)置Select選項方法匯總?cè)缦拢枰呐笥芽梢詤⒖枷?/div> 2012-09-09
jQuery插件ajaxFileUpload實現(xiàn)異步上傳文件效果
jQuery插件AjaxFileUpload用來實現(xiàn)ajax文件上傳，該插件使用非常簡單，接下來我們來看下用AjaxFileUpload插件實現(xiàn)文件上傳的方法，有需要的小伙伴可以參考下2015-04-04
基于Jquery的回車成tab焦點切換效果代碼(Enter To Tab )
基于Jquery的回車成tab焦點切換效果代碼(Enter To Tab )，需要的朋友可以參考下。2010-11-11
下面小編就為大家?guī)硪黄狫query on綁定的事件 觸發(fā)多次實例代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
jquery對dom的操作包括了對html內(nèi)容的添加、刪除元素/內(nèi)容、操作CSS等等，本文整理了一些dom操作的常用方法，感興趣的朋友可以參考下哈2013-06-06
這里給大家分享的是個人編寫的2個jQuery特效，非常簡單實用，推薦給大家，希望對大家能有所幫助。2015-02-02
jQuery 防止相同的事件快速重復(fù)觸發(fā)方法
下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
jquery toggle點擊實現(xiàn)內(nèi)容的顯示效果，喜歡的朋友可以參考下。2010-05-05
這篇文章主要介紹了JQuery異步獲取返回值中文亂碼的解決方法,除了正常的編碼設(shè)置需要統(tǒng)一外,還要設(shè)置一個setCharacterEncoding才可以避免亂碼,需要的朋友可以參考下2015-01-01最新評論