jQuery中closest和parents的區別分析

來源:互聯網
上載者:User

jQuery中closest和parents的區別分析

   本文給大家介紹jquery中parents()和closest()用法與區別介紹,在jquery中parents()尋找父級元素刪除的時候,發現它不包含根項目,於是用了closest(),效果不錯,下面我來給大傢具體的介紹一下

  jQuery中closest和parents從表現上來看都是說尋找上線元素的一些內容了,但如果說仔細可能各位不懂,下面我們一起來看看closest和parents區別。

  1.父級

  parent()——唯一父級元素,可能是0個或1個元素。

  2.祖先

  parents(selected)——所有selected祖先(不包含根項目),可能是0個、1個或多個元素。

  closest(selected)——唯一selected祖先,可能是0個或1個元素。

  closest和parents的主要區別是:

  前者從當前元素開始匹配尋找,後者從父元素開始匹配尋找;

  前者逐級向上尋找,直到發現匹配的元素後就停止了,後者一直向上尋找直到根項目,然後把這些元素放進一個臨時集合中,再用給定的選取器運算式去過濾;

  前者返回0或1個元素,後者可能包含0個,1個,或者多個元素。

  closest對於處理事件委託非常有用。

  總結

  1、closest尋找開始於自身,parents開始於元素父級

  2、closest向上尋找,知道找到一個匹配就停止尋找,parents一直尋找到根項目,並將匹配的元素加入集合

  3、closest返回的是包含零個或一個元素的jquery對象,parents返回的是包含零個或一個或多個元素的jquery對象

  以上所述就是本文的全部內容了,希望大家能夠喜歡。

        注< >:更多精彩教程請關注幫客之家編程

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.