jQuery選擇器分類,總結

2021-06-13 07:40:48 字數 838 閱讀 7037

(1)基本選擇器

1,根據id匹配元素

2,根據給定的類名匹配元素

3,根據給定的元素名匹配元素

4,*匹配所有的元素

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

這是乙個p元素

這是span元素

這是乙個div

(2)層次選擇器

1,後代元素選擇器

2,子元素選擇器

3,相鄰元素(緊接在前乙個元素之後的選擇器)

4,兄弟元素選擇器

這是第乙個span

這是第乙個div

(3)基本過濾選擇器

1,所有div元素中,第乙個div

2,所有div元素中,最後乙個div

3,獲取索引是偶數的所有元素,索引從0開始

4,獲取索引是奇數的所有元素,索引從0開始

5,獲取索引等於index的所有元素

6,索引大於小於 gt()  lt()

7,獲取網頁中所有的h標籤內容

這是乙個div

這是二個div

這是三個div

(4)內容過濾選擇器

1,選取含有文字內容為text的元素

2,選取含有某元素的元素

我是span標籤

這裡是p標籤

(5)可見性過濾選擇器

1,選取所有可見的元素

2,選取所有不可見的元素

這是現實的div

這是隱藏的div

(6)屬性過濾選擇器

1,選取擁有此屬性的選擇器

2,選取屬性值為value的元素

這是現實的div

這是隱藏的div

jQuery選擇器分類

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

jquery 選擇器分類

1.基本選擇器 1.標籤選擇器 元素選擇器 語法 html標籤名 獲得所有匹配標籤名稱的元素 2.id選擇器 語法 id的屬性值 獲得與指定id屬性值匹配的元素 3.類選擇器 語法 class的屬性值 獲得與指定的class屬性值匹配的元素 4.並集選擇器 語法 選擇器1,選擇器2.獲取多個選擇器選...

jQuery的選擇器分類

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