jquery中選擇器分為哪些類型

這篇文章主要介紹了jquery中選擇器分為哪些類型的相關(guān)知識，內(nèi)容詳細(xì)易懂，操作簡單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇jquery中選擇器分為哪些類型文章都會有所收獲，下面我們一起來看看吧。

網(wǎng)站建設(shè)哪家好，找創(chuàng)新互聯(lián)公司！專注于網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、小程序設(shè)計(jì)、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項(xiàng)目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了復(fù)興免費(fèi)建站歡迎大家使用！

jquery的三種選擇器：1、基本選擇器，由元素ID、元素名、類名、多個(gè)選擇符組成；2、層次選擇器，通過DOM元素間的層次關(guān)系獲取元素；3、過濾選擇器，按照過濾規(guī)則的不同，該選擇器還可分為簡單過濾、內(nèi)容過濾、可見過濾、屬性過濾、表單過濾等。

本教程操作環(huán)境：windows7系統(tǒng)、jquery1.10.2版本、Dell G3電腦。

1、基本選擇器

它由元素ID、元素名、多個(gè)選擇符組成，通過基本選擇器可以實(shí)現(xiàn)大多數(shù)頁面元素的查找

選擇器	功能描述
#id	根據(jù)給定的ID匹配一個(gè)元素
element	根據(jù)給定的元素名匹配所有元素
.class	根據(jù)給定的類匹配元素
*	匹配所有元素
selector1，selectorN	將每一個(gè)選擇器匹配到元素合并后一起返回

2、層次選擇器

層次選擇器通過DOM元素間的層次關(guān)系獲取元素，其主要的層次關(guān)系包括后代、父子、相鄰、兄弟關(guān)系，通過其中某類關(guān)系可以方便快捷地定位元素。

選擇器	功能描述
ancestor descendant	根據(jù)祖先元素匹配所有的后代元素
parent>child	根據(jù)父元素匹配所有的子元素
prev +next	匹配所有緊接在prev元素后的相鄰元素
pre~siblings	匹配pre元素之后的所有兄弟元素

3、過濾選擇器

過濾？肯定是要添加過濾條件的。通過“:”添加過濾條件，比如“$(“div:first”)”返回div元素集合的第一個(gè)div元素，first是過濾條件。
按照不同的過濾規(guī)則，過濾選擇器中又可分為：簡單過濾選擇器、內(nèi)容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器等。

1）簡單過濾選擇器

過濾選擇器根據(jù)某類過濾規(guī)則進(jìn)行元素的匹配，書寫時(shí)都以冒號（：）開頭；簡單過濾選擇器是過濾選擇器中過濾選擇中使用最廣泛的一種

選擇器	功能描述
first()或 :first	獲取第一個(gè)元素
last()或 :last	獲取最后一個(gè)元素
:not(selector)	獲取除給定選擇器外的所有元素
:even	獲取所有索引值為偶數(shù)的元素，索引號從0開始
:odd	獲取所有索引值為奇數(shù)的元素，索引號從0開始
:eq(index)	獲取指定索引值的元素，索引號從0開始
:gt(index)	獲取所有大于給定索引值的元素，索引號從0開始
:lt(index)	獲取所有小于給定索引值的元素，索引號從0開始
:header	獲取所有標(biāo)題類型的元素，如h2、h3… 元素集合
:animated	獲取正在執(zhí)行動畫效果的元素

2）內(nèi)容過濾選擇器

內(nèi)容過濾選擇器根據(jù)元素中的文字內(nèi)容或所包含的子元素特征獲取元素，其文字內(nèi)容可以絕對模糊或絕對匹配進(jìn)行元素定位

選擇器	功能描述
:contains(text)	獲取包含給定文本的元素
:empty	獲取所有不包含子元素或者文本的空元素
:has(selector)	獲取含有選擇器所匹配的元素
:parent	獲取含有子元素或者文本的元素

3）可見性過濾器

可見性過濾選擇器根據(jù)元素是否可見的特征獲取元素

選擇器	功能描述
:hidden	獲取所有不可見元素，或者type為hidden的元素
:visble	獲取所有的可見元素

4）屬性過濾器

屬性過濾器根據(jù)元素的某個(gè)屬性獲取元素，如ID號或匹配屬性值的內(nèi)容，并以“[”號開始、一"]"號結(jié)束

選擇器	功能描述
[attribute]	獲取包含給定屬性的元素
[attribute=value]	獲取等于給定的屬性是某個(gè)特定值的元素
[attribute!=value]	獲取不等于給定的屬性是某個(gè)特定值的元素
[attribute^=value]	獲取給定的屬性是以某些值開始的元素
[attribute$=value]	獲取給定的屬性是以某些值結(jié)束的元素
[attribute*=value]	獲取給定的屬性是以包含某些值的元素
[selector1][selector2][selectorN]	獲取滿足多個(gè)條件的符合屬性的元素

5）子元素過濾器

在頁面開發(fā)過程中，嘗嘗遇到突出指定某行的需求。雖然使用基本過濾選擇器“:eq(index)"可實(shí)現(xiàn)單個(gè)表格的顯示，但不能滿足大量數(shù)據(jù)和多個(gè)表格的選擇需求。為了實(shí)現(xiàn)這樣的功能，jQuery中可以通過子元素過濾選擇器輕松獲取所有父元素中的某個(gè)元素。

選擇器	功能描述
:nth-child(eq/even/odd/index)	獲取每個(gè)父元素下的特定位置元素，索引號從1開始
:first-child	獲取每個(gè)父元素下的第一子元素
:last-child	獲取每個(gè)父元素下的最后一個(gè)子元素
:only-child	獲取每個(gè)父元素下的僅有一個(gè)子元素

6）表單對象屬性過慮器

表單對象屬性過濾選擇器通過表單中的某對象屬性特征獲取該元素，如enabled、disabled、checked、selected屬性。

選擇器	功能描述
:enabled	獲取表單中所有屬性為可用的元素
:disabled	獲取表單中素有屬性為不可用的元素
:checked	獲取表單中所有被選中的元素
:selected	獲取表單中所有被選中option的元素

7）表單過慮器

在jQuery選擇器中引入表單選擇器，該選擇器專為表單量身打造，通過它可以在頁面中快速定位某表單對象。

選擇器	功能描述
:input	獲取所有input、textarea、select
:text	獲取所有單行文本框
:password	獲取所有密碼框
:radio	獲取所有單選按鈕
:checkbox	獲取復(fù)選框
:submit	獲取所有提交按鈕
:image	獲取所有圖像域
:reset	獲取所有重置按鈕
:button	獲取所有按鈕
:file	獲取所有文件域

關(guān)于“jquery中選擇器分為哪些類型”這篇文章的內(nèi)容就介紹到這里，感謝各位的閱讀！相信大家對“jquery中選擇器分為哪些類型”知識都有一定的了解，大家如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前題目：jquery中選擇器分為哪些類型
網(wǎng)站地址：http://muchs.cn/article16/jepodg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、品牌網(wǎng)站制作、營銷型網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)、微信公眾號、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)