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

時間：2024-07-27 06:45:40 HTML DOM

　　使用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工作方式相同，不過它選擇的是下一個兄弟姐妹。

【Query選擇HTML遍歷函數的技巧解析】相關文章：