jQuery选择器总结

       选择器

返回

示例

元素标签选择器

集合元素

$(“p”)选取所有的<p>元素。

Id选择器

单个元素

$(“#test”)选取Id为test的元素。

Class选择器

集合元素

$(“.test”)选取所有class为test的元素

通配符选择器

集合元素

$(“*”)选取所有的元素。

群组选择器

集合元素

$(“div,span,p.myclass”)选取所有<div>，<span>，和拥有class为myclass的<p>标签的一组元素。

       选择器

返回

示例

后代元素选择器

集合元素

$(“div span”)选取<div>里的所有的<span>元素。

子元素选择器

集合元素

$(“div>span”)选取<div>元素下元素名是<span>的子元素。

相邻元素选择器

集合元素

$(“.one+div”)选取class为one的下一个<div>兄弟元素。

兄弟元素选择器

集合元素

$(“#two~div”)选取Id为two的元素后面的所有<div>兄弟元素。

       选择器

返回

示例

:first

单个元素

$(“div:first”)选取所有<div>元素中第1个<div>元素。

:last

单个元素

$(“div:last”)选取所有<div>元素中最后1个<div>元素。

not(selector)

集合元素

$(“input:not(.myClass)”)选取class不是myClass的<input>元素。

:even

集合元素

$(“input:even”)选取索引是偶数的<input>元素。

:odd

集合元素

$(“input:odd”)选取索引是奇数的<input>元素。

:eq(index)

单个元素

$(“input:eq(1)”)选取索引等于1的<input>元素。

:gt(index)

集合元素

$(“input:gt(1)”)选取索引大于1的<input>元素。

:lt(index)

集合元素

$(“input:lt(1)”)选取索引小于1的<input>元素。(不包括1)

:header

集合元素

$(“:header”)选取网页中所有的<h1>,<h2>,<h3>...

:animated

集合元素

$(“div: animated”)选取正在执行动画的<div>元素。

       选择器

返回

示例

:input

集合元素

$(“:input”)选取所有<input>,<textarea>,<select>和<button>元素。

:text

集合元素

$(“:text”)选取所有的单行文本框。

:password

集合元素

$(“: password”)选取所有的密码框。

:radio

集合元素

$(“: radio”)选取所有的单选框。

:checkbox

集合元素

$(“:checkbox”)选取所有的复选框。

:submit

集合元素

$(“: submit”)选取所有的提交按钮。

:image

集合元素

$(“: image”)选取所有的图像按钮。

:reset

集合元素

$(“: reset”)选取所有的重置按钮。

:button

集合元素

$(“: button”)选取所有的按钮。

:file

集合元素

$(“: file”)选取所有的上传域。

:hidden

集合元素

$(“: hidden”)选取所有不可见元素。