JQuery元素選擇器

2021-10-20 03:44:27 字數 1608 閱讀 3102

1. 基本選擇器

標籤選擇器(元素選擇器)

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

id選擇器

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

類選擇器

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

並集選擇器:

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

2. 層級選擇器

後代選擇器

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

子選擇器

* 語法:$("a > b")選擇a元素內部的所有b子元素3. 屬性選擇器

1. 屬性名稱選擇器

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

3. 屬性選擇器

屬性名稱選擇器

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

屬性選擇器

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

復合屬性選擇器

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

4. 過濾選擇器

首元素選擇器

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

尾元素選擇器

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

非元素選擇器

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

偶數選擇器

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

奇數選擇器

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

等於索引選擇器

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

大於索引選擇器

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

小於索引選擇器

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

標題選擇器

* 語法::header獲得標題(h1~h6)元素,固定寫法

5. 表單過濾選擇器

可用元素選擇器

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

不可用元素選擇器

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

選中選擇器

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

選中選擇器

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

jQuery選擇器選擇dom元素

jquery選擇器其實是乙個有些地方比較費解的,如果沒有經過多次實驗的話,很難得出它的每個操作符到底是幹什麼的,很容易出錯,經過我的多次測試,終於對一些比較難理解或容易出錯的選擇操作進行總結,既方便自己將來查詢又方便初學者學習。如果 有不對的還望大家幫我指出來,這裡是乙個相互學習的地方。1.先說說通...

jQuery選擇器之子元素篩選選擇器

子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點 子元素篩選選擇器描述表 注意事項 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。這相當於 nth child 1 last 只匹配乙個單獨的元素,last child...

jQuery選擇器之子元素篩選選擇器

子元素篩選選擇器不常使用,其篩選規則比起其它的選擇器稍微要複雜點 子元素篩選選擇器描述表 注意事項 first只匹配乙個單獨的元素,但是 first child選擇器可以匹配多個 即為每個父級元素匹配第乙個子元素。這相當於 nth child 1 last 只匹配乙個單獨的元素,last child...