Jquery各种选择器及作用
浏览数：18 /
时间：2015年06月09日
过滤选择器：
: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[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")选取所有的不可见元素
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
