第71天：jQuery基本选择器（二）

jQuery选择器

一、内容过滤选择器

选择器	描 述	返 回	示 例
:contains(text)	匹配含有文本内容text 的元素	集合元素	$(“p:contains(今天)”)
:empty	匹配不含子元素或 文本元素的空元素	集合元素	$(“p:empty”)
:has(selector)	匹配包含selector元素 的元素	集合元素	$(“div:has(span)”)
:parent	匹配含有子元素或文本 的元素	集合元素	$(“div:parent”)

二、可见性过滤选择器

选择器	描 述	返 回	示 例
:hidden	匹配所有不可见 的元素	集合元素	$(“:hidden”)
:visible	匹配所有可见元素	集合元素	$(“:visible”)

三、属性过滤选择器

选择器	描 述	返 回	示 例
[attr]	匹配拥有此属性 的元素	集合元素	$(“img[alt]“)
[attr=value]	匹配属性值为value 的元素	集合元素	$(“a[title=test]“)
[attr!=value]	匹配属性值不等于 value的元素	集合元素	$(“a[title!=test]“)
[attr^=value]	匹配属性值以value 开头的元素	集合元素	$(“img[alt^=welcome]“)
[attr$=value]	匹配属性值以value 结尾的元素	集合元素	$(“img[alt$=last]“)
[attr*=vlaue]	匹配属性值中含有 value的元素	集合元素	$(“div[title*=test]“)
[attr1][attr2]…	通过多个属性 进行匹配	集合元素	$(“div[id][title*=test]“)

四、子元素过滤选择器

选择器	描 述	返 回	示 例
:nth-child	匹配每个父元素下的 第index个子元素 索引从1开始	集合元素	$(“div:nth-child(2)”)
:first-child	匹配每个父元素的 第一个子元素	集合元素	$(“div:first-child”)
:last-child	匹配每个父元素的 最后一个子元素	集合元素	$(“div:last-child”)
: only-child	某元素是它父元素中 的唯一的子元素 则匹配它	集合元素	$(“div:only-child”)

五、表单对象属性过滤选择器

选择器	描 述	返 回	示 例
:enabled	匹配所有可用元素	集合元素	$(“form :enabled”)
:disabled	匹配所有不可用 的元素	集合元素	$(“form :disabled”)
:checked	匹配所有被选中的元素 (含单选框，复选框)	集合元素	$(“input:checked”)
:selected	匹配所有被选中的 选项元素	集合元素	$(“select :selected”)

六、表单选择器

 

选择器	描 述	返 回	示 例
:input	匹配所有input, textarea, select, button元素	集合元素	$(“input”)
:text	匹配所有文本框	集合元素	$(“:text”)
:password	匹配所有密码框	集合元素	$(“:password”)
:radio	匹配所有单选框	集合元素	$(“:radio”)
:checkbox	匹配所有多选框	集合元素	$(“:checkbox”)
:submit	匹配所有提交按钮	集合元素	$(“:submit”)
:image	匹配所有图像按钮	集合元素	$(“:image”)
:reset	匹配所有重置按钮	集合元素	$(“:reset”)
:button	匹配所有按钮	集合元素	$(“:button”)
:file	匹配所有上传域	集合元素	$(“:file”)