>表示直接子元素

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

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

+表示相鄰的元素

$("div + p") 每個 <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") 所有 <h1>、<div> 和 <p> 元素

總結

以上是生活随笔為你收集整理的jQuery常见的选择器操作运算符的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。