Jquery各种选择器及作用

过滤选择器：

:first

:last

:not(selector)

:even

:odd

:eq(index)

:gt(index)

:lt(index)

:header

:animated

:focus

内容过滤选择器

:contains(text)

:empty

:has(selector)  $("div:has(p)")

:parent

可见性过滤选择器

:hidden   $("div:hidden")   不仅包括样式属性display为none，也包括<input type="hidden">,visibility:hidden

:visible $("div:visible")  

属性过滤选择器
$("div[id]")选择拥有属性id的元素

$("div[title=test]")选择属性title为test的div元素

$("div[title!=test]") 选择属性title不为test的div元素

$("div[title^=test]")选择属性title以test开始的div元素

$("div[title$=test]")选择属性title以test结束的div元素

$("div[title*=test]")选择属性title含有test的div元素

$("div[title|="en"]")选择属性title等于en或者以en为前缀（该字符串后跟一个连字符“-”）的元素

$("div[title-="uk"]")选择属性title用空格分隔的值中包含字符uk的值

$("div[id][title$='test']")选择拥有属性id，并且属性title以test结束的div元素

子元素过滤选择器

:nth-child(index/even/odd/equation) 选取每个父元素下的第index个子元素或者奇偶元素，:eq(index)只匹配一个元素，而:nth-child将为每个父元素匹配子元素.:nth-child(index)是从1开始的，:eq(index)是从0开始的

:nth-child(even)选择每个父元素下索引值是偶数的元素

:nth-child(odd)选择。。。奇数的元素

:nth-child(2)选择每个父元素下索引值为2的元素

:nth-child(3n)选择每个父元素下的索引值是3的倍数的元素

:nth-child(3n+1)

 

:first-child选取每个父元素的第一个子元素

:last-child选取每个父元素的最后一个子元素

:only-child如果某个元素是他父元素的唯一的子元素，将被匹配。如果含有其他子元素，则不被匹配

表单对象属性过滤器

:enabled选取所有可用元素   $("#form1:enabled")

:disabled选取所有不可用元素 $("#form2:disabled")

:checked选取所有被选中的元素（单选框，复选框） $("#inputL:checked")

:selected选取所有被选中的选项元素（下拉列表） $("select option:selected")

 

表单选择器：

: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")选取所有的不可见元素