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...