jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器。下边就来分别总结一下。
选择器
|
返回
|
示例
|
元素标签选择器
|
集合元素
|
$(“p”)选取所有的
元素。 |
Id选择器
|
单个元素
|
$(“#test”)选取Id为test的元素。
|
Class选择器
|
集合元素
|
$(“.test”)选取所有class为test的元素
|
通配符选择器
|
集合元素
|
$(“*”)选取所有的元素。
|
群组选择器
|
集合元素
|
$(“div,span,p.myclass”)选取所有 ,,和拥有class为myclass的
标签的一组元素。 |
选择器
|
返回
|
示例
|
后代元素选择器
|
集合元素
|
$(“div span”)选取 里的所有的元素。
|
子元素选择器
|
集合元素
|
$(“div>span”)选取 元素下元素名是的子元素。
|
相邻元素选择器
|
集合元素
|
$(“.one+div”)选取class为one的下一个 兄弟元素。
|
兄弟元素选择器
|
集合元素
|
$(“#two~div”)选取Id为two的元素后面的所有 兄弟元素。
|
选择器
|
返回
|
示例
|
:first
|
单个元素
|
$(“div:first”)选取所有 元素中第1个 元素。
|
:last
|
单个元素
|
$(“div:last”)选取所有 元素中最后1个 元素。
|
not(selector)
|
集合元素
|
$(“input:not(.myClass)”)选取class不是myClass的元素。
|
:even
|
集合元素
|
$(“input:even”)选取索引是偶数的元素。
|
:odd
|
集合元素
|
$(“input:odd”)选取索引是奇数的元素。
|
:eq(index)
|
单个元素
|
$(“input:eq(1)”)选取索引等于1的元素。
|
:gt(index)
|
集合元素
|
$(“input:gt(1)”)选取索引大于1的元素。
|
:lt(index)
|
集合元素
|
$(“input:lt(1)”)选取索引小于1的元素。(不包括1)
|
:header
|
集合元素
|
$(“:header”)选取网页中所有的
,... |
:animated
|
集合元素
|
$(“div: animated”)选取正在执行动画的 元素。
|
选择器
|
返回
|
示例
|
:input
|
集合元素
|
$(“:input”)选取所有,<textarea>,
|
:text
|
集合元素
|
$(“:text”)选取所有的单行文本框。
|
:password
|
集合元素
|
$(“: password”)选取所有的密码框。
|
:radio
|
集合元素
|
$(“: radio”)选取所有的单选框。
|
集合元素
|
$(“:checkbox”)选取所有的复选框。
|
|
:submit
|
集合元素
|
$(“: submit”)选取所有的提交按钮。
|
:image
|
集合元素
|
$(“: image”)选取所有的图像按钮。
|
:reset
|
集合元素
|
$(“: reset”)选取所有的重置按钮。
|
:button
|
集合元素
|
$(“: button”)选取所有的按钮。
|
:file
|
集合元素
|
$(“: file”)选取所有的上传域。
|
:hidden
|
集合元素
|
$(“: hidden”)选取所有不可见元素。
|