使用JQuery,可以很容易的選擇THML元素。但在有些時候,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工作方式相同,不過它選擇的是下一個兄弟姊妹。