1. 程式人生 > >DOM遍歷方法(基於jQuery)

DOM遍歷方法(基於jQuery)

get In 篩選 lin bsp 所有 ngs OS ron

在使用$()創建了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)