jQuery學習筆記之closest

2021-08-18 10:10:01 字數 905 閱讀 6133

jquery學習筆記之.closest()

官方文件

.closest()描述:

遍歷集合中的每乙個元素,從元素本身和在dom樹中遍歷它的祖先中得到第乙個匹配選擇器的元素。

得到乙個代表dom元素集合的jquery物件,.closest()查詢這些元素和這些元素在dom樹中的祖先元素,從匹配的元素構造乙個新的jquery物件。.parents().closest()在遍歷dom樹上是相似的。

.closest()

1.從當前元素開始

2.遍歷dom樹直到找到與提供的選擇器匹配的元素

3.遍歷原始集合中的每乙個元素,返回包含零個或乙個元素的jquery物件,返回元素的順序與文件順序保持一致

.parents()

1.從父元素開始

2.遍歷dom樹到達文件的根元素,新增每乙個祖先元素到臨時的集合中,如果提供的選擇器則基於這個選擇器過於臨時的集合

3.遍歷原始集合中的每乙個元素,返回包含零個或多個元素的jquery物件,返回元素的順序與文件順序相反

jQuery學習筆記(二)之jQuery選擇器

html頁面元素就一些html標籤 元素 和對應的html元素屬性組成,屬性包括id,class,獲取css樣式屬性等,其中通過css樣式屬性獲取jquery,這裡的css樣式屬性就可以稱為jquery的css選擇器 另外jquery還支援xpath選擇,其實跟css差不多。下面就這對各種常用的選擇...

jQuery 學習筆記之七 jQuery 動畫

jquery中的動畫 一 show 和hide 方法 show 方法和hide 方法是jquery中最基本的動畫方。呼叫hide 會將元素的display樣式改為 none element.css display none 通過css方法隱藏元素。呼叫show 方法將元素的dispaly樣式設定為先...

jQuery學習筆記之ajax

function chagedistrict obj var data var id main homeorcompany zip code ajax 在ajax裡還有很多可選的屬性 asyc 預設 true 預設設定下,所有請求均為非同步請求。如果需要傳送同步請求,請將此選項設定為 false。注...