當前位置:才華齋>設計>網頁設計>

Query選擇HTML遍歷函式的技巧解析

網頁設計 閱讀(1.71W)

使用JQuery,可以很容易的選擇THML元素。但在有些時候,HTML結構比較複雜的時候,提煉我們選擇的元素就是一件比較麻煩的事情。

Query選擇HTML遍歷函式的技巧解析

1、children

這個函式得到一組元素的直接子級。

給children()傳遞一個選擇表示式將選擇結果縮小至選中的元素;

如果chilidren()每接受任何引數,將返回所有直接子級;不返回它的孫級元素。

2、filter

這個函式通過傳遞的選擇表示式從一個集合中過濾元素。任何不匹配這個表示式的元素將從選擇的集合中移除。

3、not

與filter恰恰相反,not()從集合中移除匹配的元素。

4、add

如果我們想在集合中增加一些元素怎麼辦?add()函式正是做這件事的。

5、slice

有時候,我們需要根據元素在集合的位置獲取集合的子集。sliece()正是做這個的。

第一個引數是從零開始的第一個元素的'位置,它包含在返回的片段中;

第二個引數是從零開始的第一個元素的索引。不包含在返回的片段中。如果省略,將延伸至集合的末尾;

6、parent

parent()函式選取一系列元素的直接父級。

7、parents

這是複數形式,parents()選擇集合的所有祖先元素。我的意思是所有祖先元素包括直接父級到“body”和“html”元素。所以最好通過傳遞表示式縮小選擇結果。

8、siblings

這個函式選擇一組元素的所有兄弟姐妹,傳遞一個表示式可以篩選結果。

9、prev & prevAll

prev()函式選擇前一個兄弟節點。prevAll()選擇一個元素集合前面所有的兄弟節點。

10、next & nextAll

這些函式與prev和prevAll工作方式相同,不過它選擇的是下一個兄弟姐妹。