jQuery之选择器

基本选择器

选择器	说明	返回值
#id	id选择器	单个元素
element	元素选择器	同类型集合元素
.class	类选择器	集合元素
*	通配选择器	所有元素集合
select1,select2,select3	组选择器	集合元素

层级选择器

选择器	说明
ancestor descendant	包含选择器
parent > child	子选择器
prev + next	相邻选择器
prev ~ siblings	兄弟选择器

简单伪类选择器

选择器	说明
:first	匹配找到的第一个元素
:last	匹配找的的最后一个元素
:not	去除匹配的元素
:even	匹配索引值为偶数的元素
:odd	匹配索引值为奇数的元素
:eq	匹配给定的索引值
:gt	匹配大于给定的索引值
:lt	匹配小于给定的索引值
:header	匹配如h1,h2,h3之类的标题元素
:animated	匹配所有正在执行动画效果的元素

与内容相关的伪类选择器

选择器	说明
:contains	包含给定文本的元素
:empty	匹配所有不包含子子元素或者文本的空元素
:has	匹配含有给定元素的元素
:parent	匹配含有子元素或者文本的元素

与元素状态相关的伪类选择器

选择器	说明
:hidden	所有不可见元素 或者type为hidden的元素
:visible	所有可见的元素

匹配子元素的伪类选择器

选择器	说明
:nth-child	匹配器父元素下的第N个元素
:first-child	第一个子元素
:last-child	匹配最后一个子元素
only-child	匹配只有一个子元素的元素

与表单相关的伪类选择器

选择器	实例	说明
:input	$(":input")	所有 input 元素
:text	$(":text")	所有 type="text" 的 input 元素
:password	$(":password")	所有 type="password" 的 input元素
:radio	$(":radio")	所有 type="radio" 的 input 元素
:checkbox	$(":checkbox")	所有 type="checkbox" 的input 元素
:submit	$(":submit")	所有 type="submit" 的 input 元素
:reset	$(":reset")	所有 type="reset" 的 input 元素
:button	$(":button")	所有 type="button" 的 input 元素
:image	$(":image")	所有 type="image" 的 input 元素
:file	$(":file")	所有 type="file" 的 input 元素

与表单属性相关的伪类选择器

选择器	说明
:enabled	所有可用元素
:disabled	不可用元素
:checked	匹配被选中的元素（单选框、复选框）
:selected	所有被选中的option元素

属性选择器

选择器	实例	说明
[attribute]	$("[href]")	所有带有 href 属性的元素
[attribute=value]	$("[href='#']")	所有 href 属性的值等于 "#" 的元素
[attribute!=value]	$("[href!='#']")	所有 href 属性的值不等于 "#" 的元素
[attribute$=value]	$("[href$='.jpg']")	所有 href 属性的值包含以 ".jpg" 结尾的元素