jQuery常見的選擇器操作運算子

表示("parent > child") 選擇器選取指定元素的直接子元素的所有元素。

$("div > p") 元素的直接子元素的所有 元素

$("div + p")    每個 元素相鄰的下乙個 元素

$("div ~ p")    元素同級的所有 元素

$("ul li:lt(3)")    列舉 index 小於 3 的元素

$("ul li:gt(3)") 列舉 index 大於 3 的元素
$("ul li:eq(3)") 列表中的第四個元素（index 值從 0 開始）
$(":input") 所有 input 元素
$(":text") 所有帶有 type="text" 的 input 元素

$("[href='default.htm']")   所有帶有 href 屬性且值等於 "default.htm" 的元素

$("[title^='tom']") 所有帶有 title 屬性且值以 "tom" 開頭的元素

$("[title~='hello']")   所有帶有 title 屬性且值包含單詞 "hello" 的元素

$("[title*='hello']")   所有帶有 title 屬性且值包含字串 "hello" 的元素

$("[href]") 所有帶有 href 屬性的元素

$("[href='default.htm']") 所有帶有 href 屬性且值等於 "default.htm" 的元素

$("[href$='.jpg']") 所有帶有 href 屬性且值以 ".jpg" 結尾的元素

$("[href!='default.htm']")  所有帶有 href 屬性且值不等於 "default.htm" 的元素

$("*")  所有元素

$(".intro,.demo")   class 為 "intro" 或 "demo" 的所有元素

$("h1,div,p") 所有 、和 元素

jQuery常見選擇器

以下內容都是我讀 鋒利的jquery 的筆記，記錄下來，沒事多看看。id為one,class為one的div class為mini id為two,class為one,title為test的div class為mini,title為other class為mini,title為test class為m...

jquery 常見選擇器

1 一切的核心，可以跟4種引數 expression 比如 id class 等，返回jquery物件，或者jquery物件的集合 html 比如 hello world 返回jquery物件，或者jquery物件的集合 element 比如 document.body 返回jquery物件，或者j...

jQuery常見選擇器

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