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")选取所有的不可见元素
原文地址:https://www.cnblogs.com/littleCode/p/3571921.html