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:選擇所有的多選框