Query選擇HTML遍歷函數(shù)的技巧解析

時間：2024-07-27 06:45:40 HTML DOM 我要投稿

　　使用JQuery，可以很容易的選擇THML元素。但在有些時候，HTML結(jié)構(gòu)比較復(fù)雜的時候，提煉我們選擇的元素就是一件比較麻煩的事情。

　　1、children

　　這個函數(shù)得到一組元素的直接子級。

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

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

　　2、filter

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

　　3、not

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

　　4、add

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

　　5、slice

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

　　第一個參數(shù)是從零開始的第一個元素的位置，它包含在返回的片段中;

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

　　6、parent

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

　　7、parents

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

　　8、siblings

　　這個函數(shù)選擇一組元素的所有兄弟姐妹，傳遞一個表達式可以篩選結(jié)果。

　　9、prev & prevAll

　　prev()函數(shù)選擇前一個兄弟節(jié)點。prevAll()選擇一個元素集合前面所有的兄弟節(jié)點。

　　10、next & nextAll

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

【Query選擇HTML遍歷函數(shù)的技巧解析】相關(guān)文章：