jQuery常见的选择器操作运算符

>表示直接子元素

表示("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> 元素