jQuery常用選擇器分類

2022-07-15 06:54:09 字數 674 閱讀 1200

基本選擇器

id選擇器 標籤選擇器 類選擇器 組合選擇器

$("p.red"):選擇class屬性值為red的p標籤

層次選擇器

後代選擇器

子選擇器

過濾選擇器

$(「li:first」) //第乙個li $(「li:last」) //最後乙個li

$(「li:even」) //挑選下標為偶數的li $(「li:odd」) //挑選下標為奇數的li

$(「li:eq(3)」) //下標等於 3 的li(第四個 li 元素) $( "li:gt(3)" ) //下標大於 3 的li

$(「li:lt(2)」) //下標小於 2 的li $(「li:not(#li1)") //挑選除 id=" li1" 以外的所有li

屬性選擇器

: 和 兩個符號對比:

:可以理解為種類的意思,如:p:first,p 的種類為第乙個。

很自然的可以理解為屬性的意思,如:[href] 選取帶有 href 屬性的元素。

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