DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> jQuery中closest和parents的區別分析
jQuery中closest和parents的區別分析
編輯:JavaScript綜合知識      日期:2016/12/29 11:42:35

   本文給大家介紹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對象

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

        注< >:更多精彩教程請關注編程

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved