jQuery使我們可以“遍歷”或遍歷構(gòu)成頁(yè)面的HTML元素。首先,我們進(jìn)行初始選擇,然后相對(duì)于該選擇遍歷DOM。在瀏覽DOM時(shí),我們正在更改原始選擇。
jQuery提供了多種方法來(lái)允許我們遍歷DOM。
遍歷方法的最大類(lèi)別是樹(shù)遍歷。
下表列出了所有過(guò)濾方法,可用于從DOM元素列表中過(guò)濾出各種元素:
方法 | 描述 |
---|---|
eq() | 返回具有選定元素的特定索引號(hào)的元素 |
filter() | 將匹配元素的集合減少到與選擇器匹配或通過(guò)功能測(cè)試的元素 |
first() | 返回所選元素的第一個(gè)元素 |
has() | 返回其中包含一個(gè)或多個(gè)元素的所有元素 |
is() | 根據(jù)選擇器/元素/ jQuery對(duì)象檢查匹配的元素集,如果這些元素中的至少一個(gè)與給定參數(shù)匹配,則返回true |
last() | 返回所選元素的最后一個(gè)元素 |
map() | 通過(guò)函數(shù)傳遞當(dāng)前匹配集中的每個(gè)元素,產(chǎn)生一個(gè)包含返回值的新jQuery對(duì)象 |
not() | 返回不符合特定條件的元素 |
slice() | 將匹配元素的集合減少為由一系列索引指定的子集 |
下表列出了用于遍歷DOM的所有樹(shù)遍歷方法:
方法 | 描述 |
---|---|
children() | 返回所選元素的所有直接子級(jí) |
closest() | 返回所選元素的第一個(gè)祖先 |
each() | 為每個(gè)匹配的元素執(zhí)行一個(gè)函數(shù) |
find() | 返回所選元素的后代元素 |
next() | 返回所選元素的下一個(gè)同級(jí)元素 |
nextAll() | 返回所選元素的所有下一個(gè)同級(jí)元素 |
nextUntil() | 返回兩個(gè)給定參數(shù)之間的所有下一個(gè)同級(jí)元素 |
offsetParent() | 返回第一個(gè)定位的父元素 |
parent() | 返回所選元素的直接父元素 |
parents() | 返回選定元素的所有祖先元素 |
parentsUntil() | 返回兩個(gè)給定參數(shù)之間的所有祖先元素 |
prev() | 返回所選元素的上一個(gè)同級(jí)元素 |
prevAll() | 返回所選元素的所有先前的同級(jí)元素 |
prevUntil() | 返回兩個(gè)給定參數(shù)之間的所有先前的同級(jí)元素 |
siblings() | 返回所選元素的所有同級(jí)元素 |
下表列出了所有其他遍歷方法:
方法 | 描述 |
---|---|
add() | 將元素添加到匹配的元素集中 |
addBack() | 將上一組元素添加到當(dāng)前集中 |
andSelf() | 版本1.8中已棄用 addBack()的別名 |
contents() | 返回所選元素的所有直接子級(jí)(包括文本和注釋節(jié)點(diǎn)) |
end() | 結(jié)束當(dāng)前鏈中的最新過(guò)濾操作,并將匹配的元素集返回到其先前狀態(tài) |