jQuery(五)、篩選
1 過濾
1、eq(index | -index)
獲取第N個元素,index為元素索引,-index值基於最後一個元素的位置(從 1 開始)
2、first()
獲取第一個元素
3、last()
獲取最後一個元素
4、hasClass(class)
檢查當前元素是否包含某個特定的類,如果有,返回true
5、filter(expr | obj | ele | fn)
篩選出與指定集合匹配的元素集合,這個方法用於縮小匹配的範圍。用 逗號 分隔多個表達式
參數
(1) expr:選擇器表達式字符串。
(2) obj:現有的jQuery對象,以匹配當前的元素。
(3) element:一個用於匹配的DOM元素。
(4) function(index):函數,index為當前元素在集合中的索引。
6、is(expr)
根據選擇器來檢查匹配元素集合,如果其中 至少 有一個元素符合這個表達式就返回true。
7、map(callback)
將一組元素轉換成其他數組(不論是否是元素數組)
參數:
(1) callback:給每個元素執行的函數。
8、has(expr | ele)
保留包含特定後臺的元素,去掉那些不含有指定後代的元素。
9、not(expr | ele | fn)
刪除與指定表達式匹配的元素。有點兒類似與選擇器的 :not(expr)。
10、slice(start[, end])
選取一個匹配的子集,與數組的slice類似。
參數:
(1) start:開始選取子集的位置。如果為負數,則從集合的尾部開始選取。
(2) end:結束選擇位置,如果不指定,則到結尾。
2 查找
1、children([expr])
獲取一個包含集合中沒一個元素的所有子元素的集合
可以通過選擇器表達式expr過濾匹配的子元素。
2、closest(expr, [con] | obj | ele)
從元素本身開始,逐級向上級匹配元素,並返回最先匹配的元素。
closest會首先檢查當前元素是否滿足匹配,如果滿足則直接返回元素本身。如果不匹配則向上查找父元素,一層一層往上,直到找到匹配選擇器的元素。如果什麽都沒有找到則返回一個空的jQuery對象。
closest對於處理 事件委托 非常有用。
3、find(expr | obj | ele)
搜索所有與指定表達式匹配的元素。
4、next([expr])
獲取集合中每一個元素緊鄰後面的同輩元素集合。
5、nextAll([expr])
查找當前元素之後所有的同輩元素。
6、nextUntil([expr | ele][, filter])
查找當前元素之後所有的同輩元素,知道遇到匹配的那個元素位置。
7、parent([expr])
取得一個包含著所有匹配元素的唯一父元素的元素集合。
8、parents([expr])
取得一個包含著所有匹配元素的祖先元素的元素集合。
9、parentsUntil([exp | ele][, filter])
查找當前元素的所有父輩元素,直到遇到匹配的那個元素為止。
10、prev([expr])
取得一個包含匹配元素集合中每一個元素緊鄰的前一個同輩元素的集合。
只有緊鄰的同輩元素會被匹配到,而不是前面所有的同輩元素。
11、prevAll([expr])
查找當前元素之前所有的同輩元素
12、prevUntil([expr | ele][, filter])
查找當前元素之前所有的同輩元素,直到遇到匹配的那個元素為止。
13、siblings([expr])
取得一個包含匹配的元素集合中每一個元素的所有唯一同輩元素的元素集合。
3 串聯
1、add(expr | ele | html | obj[, con])
把與表達式匹配的元素添加到jQuery對象中。這個函數可以用於連接分別與兩個表達式匹配的元素結果集。
2、addSelf()
加入先前所選元素到當前集合中。
對於篩選或查找後的元素,要加入先前所選元素時將很有用。
3、contents()
查找匹配元素內部所有的子節點(包括文本節點)。如果元素時一個iframe,則查找文檔內容。
4、end()
將匹配的元素列表變為前一次的狀態。即回去最近一個“破壞性”操作之前。
jQuery(五)、篩選