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

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

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

　　1、children

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

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

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

　　2、filter

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

　　3、not

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

　　4、add

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

　　5、slice

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

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

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

　　6、parent

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

　　7、parents

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

　　8、siblings

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

　　9、prev & prevAll

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

　　10、next & nextAll

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

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