使用JQuery選擇HTML遍歷函數(shù)的方法
使用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ù)通過傳遞的選擇表達(dá)式從一個(gè)集合中過濾元素。任何不匹配這個(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”元素。所以最好通過傳遞表達(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工作方式相同,不過它選擇的是下一個(gè)兄弟姐妹。
以上這篇使用JQuery選擇HTML遍歷函數(shù)的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
JQuery動(dòng)態(tài)創(chuàng)建DOM、表單元素的實(shí)現(xiàn)代碼
代碼很簡(jiǎn)單,直接上代碼。別忘記引用JQuery包。2011-08-08jQuery Animation實(shí)現(xiàn)CSS3動(dòng)畫示例介紹
jQuery Animation的工作原理是通過將元素的CSS樣式從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài),下面以一個(gè)實(shí)例為大家詳細(xì)介紹下具體的實(shí)現(xiàn),感興趣的朋友可以參考下2013-08-08jQuery實(shí)現(xiàn)帶滑動(dòng)條的菜單效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)帶滑動(dòng)條的菜單效果代碼,涉及jquery遍歷頁面元素及動(dòng)態(tài)變換效果實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08jQuery表單校驗(yàn)插件validator使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery表單校驗(yàn)插件validator的使用方法,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02jquery中dom操作和事件的實(shí)例學(xué)習(xí)-表單驗(yàn)證
這個(gè)demo的效果是實(shí)現(xiàn)用戶輸入時(shí)提供實(shí)時(shí)提醒,并不一定要等到元素失去焦點(diǎn)時(shí)才提醒2011-11-11基于jQuery實(shí)現(xiàn)簡(jiǎn)單的折疊菜單效果
這篇文章主要介紹了基于JQuery實(shí)現(xiàn)簡(jiǎn)單的折疊菜單效果,這個(gè)功能實(shí)現(xiàn)起來很簡(jiǎn)單,需要的朋友可以參考下2015-11-11