在jQuery中,基礎選擇器共有3類:(1)基本選擇器;(2)層次選擇器;(3)屬性選擇器。
一、基本選擇器
所謂的基本選擇器,指的是在jQuery中使用最頻繁的選擇器。在jQuery中,基本選擇器共有:
- (1)元素選擇器;
- (2)id選擇器;
- (3)class選擇器;
- (4)群組選擇器;
- (5)*選擇器
二、層次選擇器
層次選擇器,就是通過元素之間的層次關系來獲取元素。常見的層次關系包括:父子、後代、兄弟、相鄰。
在jQuery,層次選擇器共有4種:
jQuery層次選擇器
選擇器 |
說明 |
$("M N")
後代選擇器,選擇M元素內部後代N元素(所有N元素)
$("M>N")
子代選擇器,選擇M元素內部子代N元素(所有第1級N元素)
$("M~N")
兄弟選擇器,選擇M元素後所有的同級N元素
$("M+N")
相鄰選擇器,選擇M元素相鄰的下一個元素(M、N是同級元素)
其實jQuery層次選擇器可以劃分為2組,對比一下:
(1)“後代選擇器”和“子代選擇器”;
(2)“兄弟選擇器”和“相鄰選擇器”;
三、屬性選擇器
屬性選擇器,指的是根據元素屬性進行選擇的一種方式。
jQuery屬性選擇器
選擇器 |
說明 |
$("selector[attr]")
選擇包含給定屬性的元素
$("selector[attr='value']")
選擇給定的屬性是某個特定值的元素
$("selector[attr != 'value']")
選擇所有含有指定的屬性,但屬性不等於特定值的元素
$("selector[attr *= 'value']")
選擇給定的屬性是以包含某些值的元素
$("selector[attr ^= 'value']")
選擇給定的屬性是以某些值開始的元素(比較少用)
$("selector[attr $= 'value']")
選擇給定的屬性是以某些值結尾的元素(比較少用)
$("selector[selector1][selector2]…[selectorN]")
復合屬性選擇器,需要同時滿足多個條件時使用