jQuery选择器
JQuery选择器
基本选择器
Id选择器(选择Id标识的html元素)
如:$("#conteant")
类选择器(选择class标识的html元素)
如:$(".list")
标签选择器(选择html标签的html元素)
如:$("div"),$("p"),$("a")
通配选择器(选择所有html元素)
$("*")
群选择器(选择该群所标识的html元素)
如:$("div,p,a")
层次选择器
$(ancestor descendant)(选择该结点下的所有元素,包括子子结点的子元素)
如:$("div a")
$(parent>child)(选择该结点下直接子元素)
$("div>a")
$(prev+next)(选择prev元素下一个next元素)
$("div+a")
$(prev~siblings)(选择prev元素下所有siblings的同级元素)
$("div~a")
过滤性选择器
基本过滤选择器
:first (选取元素集合中的第一个元素)
:last(选取元素集合中的最后一个元素)
:odd(选取元素集合中索引为奇数的元素)
:even(选取元素集合总索引为偶数的元素)
:eq(index)(选取元素集合中索引为index的元素)
:lt(index)(选取元素集合中索引小于index的元素)
:gt(index) (选取元素集合中索引大于Index的元素)
:not(selector)(选取不是该选择器选择的元素)
:header (选取所有标题元素)
:animated (选取正在执行动画的元素)
内容过滤选择器
:contains(text) (选取包含文本text的元素)
:empty (选取子元素或文本值为空的元素)
可见性过滤选择器
:hidden(选取隐藏的元素)
visible(选取可见的元素)
属性过滤选择器
[attr] (含有attr的属性元素)
[attr=value] (获取属性attr的值为value的元素)
[attr!=value] (获取属性attr的值不为value的元素)
[attr^=value] (获取属性attr的值为value开头的元素)
[attr$=value] (获取属性attr的值为value结束的元素)
[attr*=value] (获取属性attr的值为含有value的元素)
复合属性选择器(包含属性集合的元素)
子元素过滤选择器
:first-child(获取子元素集合的第一个子元素)
:last-child(获取子元素集合的最后一个子元素)
nth-child(index/odd/even/expr)(获取索引满足表达式的子元素)
表单状态过滤选择器
:checked
获取单选按钮或复选按钮选中的DOM元素
:selected
获取下拉列表中选中的DOM元素
表单选择器
:input
过滤标签是input的元素
:text
获取type类型为text的表单元素
:reset
获取重设按钮的表单元素
:radio
获取单选按钮的表单元素
:checkbox
获取多选按钮的表单元素
:selected
获取下拉列表框的表单元素
:button
获取type为button的表单元素
:submit
获取提交按钮的表单元素
:password
获取密码框的表单元素
:hidden
获取隐藏的元素
:file
获取所有上传域
:image
获取图像的表单元素