jquery 选择器

jquery支持多个元素选择器，如
HTML 代码:

<div>div</div>

<p class="myClass">p
class="myClass"</p>

<span>span</span>

<p class="notMyClass">p
class="notMyClass"</p>

jQuery 代码:

$("div,span,p.myClass")

同理,jquery里面选择器的作用的class里面的选择器的作用非常类似，如

$("form input") 选择后代元素，包括子后代的子后代等等

$("form>input")直接子后代

$("label + input")表示label后面紧跟的input元素

$("form ~ input") 表示与form同级的所有的input元素

$("tr:first")可以选择第一个元素

$("tr:last")可以选择最后一个位置

$('.red:not(div a)') 和$('.red :not(div,a)')去除掉not里面的所有的匹配元素

<input name="apple" />
<input name="flower"
checked="checked" />
$("input:not(:checked)")
$("tr:even") 匹配所有索引值为偶数的元素，从 0 开始计数

$("tr:odd") 匹配所有索引值为奇数的元素，从 0 开始计数

下面的选择与索引相关

$("tr:eq(1)") 匹配一个给定索引值的元素
$("tr:gt(0)") 匹配所有大于给定索引值的元素

$("tr:lt(2)") 匹配所有小于给定索引值的元素

$(":header").css("background", "#EEE"); 匹配如 h1, h2, h3之类的标题元素

$("div:not(:animated)").animate({ left: "+=20" }, 1000);

只有对不在执行动画效果的元素执行一个动画特效

$("div:contains('John')") 匹配包含给定文本的元素

<div>John
Resig</div>

<div>George
Martin</div>

<div>Malcom John
Sinclair</div>

<div>J. Ohn
</div>

$("td:empty") 匹配所有不包含子元素或者文本的空元素

:has(selector)匹配含有选择器所匹配的元素的元素

示例

给所有包含 p 元素的 div 元素添加一个 text 类

HTML 代码:

<div><p>Hello</p></div>

<div>Hello
again!</div>
jQuery 代码:

$("div:has(p)").addClass("test");
结果:

[ <div
class="test"><p>Hello</p></div>
]

$("td:parent") 匹配含有子元素或者文本的元素

$("tr:hidden") 匹配所有的不可见元素，input 元素的 type 属性为
"hidden" 的话也会被匹配到
$("tr:visible")匹配所有的可见元素

[attribute^=value] 匹配给定的属性是以某些值开始的元素

$("input[name$='letter']")
匹配给定的属性是以某些值结尾的元素
$("input[name*='man']") 匹配给定的属性是以包含某些值的元素

[selector1][selector2][selectorN]

复合属性选择器，需要同时满足多个条件时使用。$("input[id][name$='man']")

!!!!

$('div:nth-child(3n)').css("color","#f00");

:nth-child(index/even/odd/equation)

匹配其父元素下的第N个子或奇偶元素
':eq(index)'
只匹配一个元素，而这个将为每一个父元素匹配子元素。:nth-child从1开始的，而:eq()是从0算起的！
可以使用:

nth-child(even)

:nth-child(odd)

:nth-child(3n)

:nth-child(2)

:nth-child(3n+1)

:nth-child(3n+2)

:only-child

如果某个元素是父元素中唯一的子元素，那将会被匹配
如果父元素中含有其他元素，那将不会被匹配。

:input

匹配所有 input, textarea, select 和 button 元素

$(":input")

:text匹配所有的单行文本框
$(":password") 匹配所有密码框

$(":radio") 匹配所有单选按钮类似的还有$(":checkbox") $(":submit") $(":image")
$(":reset") $(":button") $(":file")
$("tr:hidden")（包括display为none的）

表单对象属性

$("input:checked")

$("input:disabled")

$("input:checked")