JQuery选择器备忘

1.基本选择器：

1)css选择器

①标签选择器: $('table')选择当前标签为table的

②Id选择器:$('#id名')

③类选择器:$('.类名')

④群组选择器:$('div,span,p')选择标签为div，span，p的

2)层级选择器

①子元素选择器:$('form>input') 选择form标签下所有子级的input

②后代选择器:$('form input')选择form标签下所有的input（注：不单单是子级的）

③紧邻同辈元素选择器:$('div+span') 选择div标签紧接在后的第一个span标签

④相邻同辈元素选择器:$('div~span' )选择div标签后面所有的span标签

3)表单选择器

①:input 选择器;$(':input')选择所有的input,textarea,select,button

②:password选择器:$(':password')选择所有密码框

③:text选择器:$(':text')选择所有单行文本

④:radio选择器:$(':radio')选择所有的单选框

⑤:checkbox选择器:$(':checkbox')选择所有复选框

⑥:file选择器:$(':file')选择所有的文件域

⑦:image选择器:$(':image')选择所有图像域如<input type='image'>这种的

⑧:hidden选择器:$(':hidden') 选择所有不可见的

⑨:button选择器:$(':button')选择所有button按钮

⑩:submit选择器:$(':submit')选择所有submit提交按钮

⑫:reset选择器:$(':reset')选择所有reset重置按钮

2、过滤选择器

1)简单过滤选择器

①:first选择器: $('td:first')选择td集合第一个td

②:last选择器: $('td:last')选择td集合最后一个td

③:odd选择器:$('td:odd')选择td集合（从0开始计数）为奇数行的td

④:even选择器:$('td:even')选择td集合（从0开始计数）为偶数行的td

⑤:eq()选择器:$('td:eq(1)')选择td集合（从0开始计数）行号为1的td

⑥:gt()选择器:$('td:gt(1)')选择td集合（从0开始计数）行号大于1的td

⑦:lt()选择器:$('td:lt(1)')选择td集合（从0开始计数）行号小于1的td

⑧:not选择器:$('td:not(:first,:last)')选择td集合（从0开始计数）去除第一行和最后一行的所有td

⑨:header选择器:$(':header')选择所有诸如h1,h2之类的标题元素

⑩:animated选择器:$('selector:animated')选择所有正在执行动画效果的元素

2）内容过滤选择器

①:contains()选择器;$('p:contains(ss)')选择文本包含ss的p元素（注:这个ss可以是在p的子元素里的）

②:has()选择器:$('p:has(span)')选择包含子元素span的p元素

③:empty选择器:$('p:empty')选择没有子元素或者文本的p元素

④:parent选择器:$('p:parent')选择有子元素或者文本的p元素

3）简单过滤选择器

①包含属性选择器:$('p[id]')选择包含id属性的p标签

②属性等于选择器:$('p[name=xx]')选择属性name等于xx的p标签

③属性包含选择器:$('p[name*='xx']')选择属性name值包含xx字符串的p标签

④属性包含单词选择器:$('p[name~='news']')选择属性name值包含news单词(包含单词之间用空格隔开)的p标签

⑤属性不等于选择器:$('p[name!=''xx]')选择属性name不等于xx的p标签

⑥属性开始选择器:$('p[name^='xx']')选择属性name以xx开头的p标签

⑦属性结尾选择器:$('p[name$='xx']')选择属性name以xx结尾的p标签

⑧复合属性选择器:$('p[id][name='xx']')选择有id，name属性，且name属性等于xx的p标签

4)子元素过滤选择器

①:first-child选择器:$('p:first-child')选择p的父元素第一个子元素为p的p标签

②:last-child选择器:$('p:last-child')选择p的父元素最后一个子元素为p的p标签

③:nth-child选择器:$('p:nth-child(even)')选择p的父元素的子元素序号为偶数的p的p标签（even/odd/index(0.1.2....)）

④:only-child选择器:$('p:only-child')选择p的父元素只有一个子元素且子元素为p的p标签

5)表单过滤选择器

①:checked选择器:$('input:checked')选择选中的input（注;这里input类型为单选复选框，除了input外还可以是checkbox,radio）

②enabled选择器:$('input:enabled')选择可用的input

③disabled选择器:$('input:disabled')选择被禁用的input

④selected选择器:$('#xx:selected')选择id为xx的下拉框被选中的那一项

6)可见性过滤性

①:hidden选择器:$('input:hidden')选择所有隐藏的input

②:visible选择器:$('input:visible')选择所有显示的input