DOM遍歷方法(基於jQuery)
在使用$()創建了jQuery對象之後,通過調用下列DOM遍歷方法,可以修改其中匹配的元素,以便將來操作。
篩選元素
.filter(selector) 與給定的選擇符selector匹配的選中元素
.filter(callback) 回調函數callback返回true的選中元素
.eq(index) 從0開始計數的第index個選中元素
.first() 選中元素中的第一個元素
.last() 選中元素中的最後一個元素
.slice(start, [end]) 從0開始計數的給定範圍內的選中元素
.not(selector) 選中元素中與給定選擇符不匹配的元素
.has(selector) 選中元素中有後代匹配給定選擇符的元素
後代元素
.find(selector) 與給定選擇符selector匹配的後代元素
.contents() 子節點(包括文本節點)
.children([selector]) 子節點, 可以傳入可選的選擇符selector進一步篩選
同輩元素
.next([selector]) 每個選中元素緊鄰的下一個同輩元素,可以傳入可選的選擇符selector進一步篩選
.nextAll([selector]) 每個選中元素之後的所有同輩元素,可以傳入可選的選擇符selector進一步篩選
.nextUntil([selector], [filter]) 每個選中元素之後、直至但不包含第一個匹配selector元素的同輩元素,可以傳入可選的選擇符filter進一步篩選
.prev([selector]) 每個選中元素緊鄰的上一個同輩元素,可以傳入可選的選擇符selector進一步篩選
.prevAll([selector]) 每個選中元素之前的所有同輩元素,可以傳入可選的選擇符selector進一步篩選
.prevUntil([selector], [filter]) 每個選中元素之前、直至但不包含第一個匹配selector元素的同輩元素,可以傳入可選的選擇符filter進一步篩選
.siblings([selector]) 所有同輩元素,可以傳入可選的選擇符selector進一步篩選
祖先元素
.parent([selector]) 每個選中元素的父元素,可以傳入可選的選擇符selector進一步篩選
.parents([selector]) 每個選中元素的所有祖先元素,可以傳入可選的選擇符selector進一步篩選
.parentsUntil([selector], [filter]) 每個選中元素的所有祖先元素、直至但不包含第一個匹配selector元素的祖先元素,可以傳入可選的選擇符filter進一步篩選
.closest(selector) 與選擇符匹配的第一個元素,遍歷路徑從選中元素開始,沿DOM樹向上在其中祖先節點中的查找
.offsetParent() 第一個選中元素被定位的父元素(如,通過relative或absolute定位)
集合操作
.add(selector) 選中的元素,加上與給定選擇符匹配的元素
.addBack() 選中的元素,加上內部jQuery棧中之前選中的那一組元素
.end() 內部jQuery棧中之前選中的元素
.map(callback) 對每個選中元素調用回調函數callback之後的結果
.pushStack(elements) 指定的元素
操作選中的元素
.is(selector) 確定匹配的元素中是否有傳入的選擇符匹配的元素
.index() 取得匹配元素相對於其同輩元素的索引
.index(element) 取得匹配元素中與指定元素對應的DOM節點的索引
$.contains(a, b) 確定DOM節點a是否包含DOM節點b
.each(callback) 叠代匹配的元素,針對每個元素執行callback函數
.length 取得匹配元素的數量
.get() 取得與匹配元素對應的DOM節點的列表
.get(index) 取得匹配元素中與指定索引對應的DOM節點
.toArray() 取得與匹配元素對應的DOM節點的列表
DOM遍歷方法(基於jQuery)