開心生活站

位置:首頁 > IT科技 > 

jquery選擇器有哪些類型

IT科技1.66W
品牌型號:聯想 YOGA 14c/系統版本:windows7

jquery選擇器類型有基本選擇器、層次選擇器、過濾選擇器、表單選擇器。其中過濾選擇器又可以分爲簡單過濾選擇器、內容過濾選擇器、可見性過濾選擇器、屬性過濾選擇器、子元素過濾選擇器、表單對象屬性過濾選擇器。

1、基本選擇器

#id:id選擇器,根據給定的ID匹配一個元素,返回單個元素。

element:元素選擇器,根據給定的元素名匹配所有元素,返回元素集合。

.class:類選擇器,根據給定的類匹配元素,返回元素集合。

*:匹配所有元素,返回元素集合。。

selector1,selectorN:將每一個選擇器匹配到元素合併後一起返回,返回合併後的元素集合。

2、層次選擇器

ancestor descendant:根據祖先元素匹配所有的後代元素。

parent>child:子選擇器,根據父元素匹配所有的子元素。

prev +next:同輩選擇器,匹配所有緊接在prev元素後的相鄰元素。

pre~siblings:同輩選擇器,匹配pre元素之後的所有兄弟元素。

3、過濾選擇器

first()或 :first:獲取第一個元素。

last()或 :last:獲取最後一個元素。

:not(selector):去除所有與給定選擇器匹配的元素,返回元素集合。

:even:獲取所有索引值爲偶數的元素,索引號從0開始。

:odd:獲取所有索引值爲奇數的元素,索引號從0開始。

:eq(index):選取索引等於index的元素,索引從0開始,返回單個元素。

:gt(index):獲取所有大於給定索引值的元素,索引號從0開始。

:lt(index):獲取所有小於給定索引值的元素,索引號從0開始。

:header:獲取所有標題類型的元素,如h1、h2… 元素集合。

:animated:獲取正在執行動畫效果的元素。

4、表單選擇器

:text:選擇所有的單行文本框

:password:選擇所有的密碼框

:button:選擇所有的按鈕

:checkbox:選擇所有的多選框

jquery選擇器有哪些類型

web自學教程)

標籤:jquery 選擇器