jquery 選擇器分類

1. 基本選擇器

1. 標籤選擇器（元素選擇器）

* 語法： $("html標籤名") 獲得所有匹配標籤名稱的元素

2. id選擇器 

* 語法： $("#id的屬性值") 獲得與指定id屬性值匹配的元素

3. 類選擇器

* 語法： $(".class的屬性值") 獲得與指定的class屬性值匹配的元素

4. 並集選擇器：

* 語法： $("選擇器1,選擇器2....") 獲取多個選擇器選中的所有元素

2. 層級選擇器

1. 後代選擇器

* 語法： $("a b ") 選擇a元素內部的所有b元素                

2. 子選擇器

* 語法： $("a > b") 選擇a元素內部的所有b子元素

3. 屬性選擇器

1. 屬性名稱選擇器 

* 語法： $("a[屬性名]") 包含指定屬性的選擇器

2. 屬性選擇器

* 語法： $("a[屬性名='值']") 包含指定屬性等於指定值的選擇器

3. 復合屬性選擇器

* 語法： $("a[屬性名='值']...") 包含多個屬性條件的選擇器

4. 過濾選擇器

1. 首元素選擇器 

* 語法： :first 獲得選擇的元素中的第乙個元素

2. 尾元素選擇器 

* 語法： :last 獲得選擇的元素中的最後乙個元素

3. 非元素選擇器

* 語法： :not(selector) 不包括指定內容的元素

4. 偶數選擇器

* 語法： :even 偶數，從 0 開始計數

5. 奇數選擇器

* 語法： :odd 奇數，從 0 開始計數

6. 等於索引選擇器

* 語法： :eq(index) 指定索引元素

7. 大於索引選擇器 

* 語法： :gt(index) 大於指定索引元素

8. 小於索引選擇器 

* 語法： :lt(index) 小於指定索引元素

9. 標題選擇器

* 語法： :header 獲得標題（h1~h6）元素，固定寫法

5. 表單過濾選擇器

1. 可用元素選擇器 

* 語法： :enabled 獲得可用元素

$("#b1").click(function());

2. 不可用元素選擇器 

* 語法： :disabled 獲得不可用元素

3. 選中選擇器 

* 語法： :checked 獲得單選/核取方塊選中的元素

4. 選中選擇器 

* 語法： :selected 獲得下拉框選中的元素

jQuery選擇器分類

id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id classname 兄弟元素選擇器...

jQuery選擇器分類,總結

1 基本選擇器 1,根據id匹配元素 2,根據給定的類名匹配元素 3,根據給定的元素名匹配元素 4,匹配所有的元素 5,集合元素,將每個選擇器匹配到的元素合併後一起返回 這是乙個p元素 這是span元素 這是乙個div 2 層次選擇器 1,後代元素選擇器 2,子元素選擇器 3,相鄰元素 緊接在前乙個...

jQuery的選擇器分類

1.基本選擇器 id id選擇器 div 元素選擇器 classname 類選擇器 classname,classname1,id1 組合選擇器 2.層次選擇器 id classname 子元素選擇器 id classname 後代元素選擇器 id classname 緊鄰下乙個元素選擇器 id c...