jQuery选择器

jQuery选择器

1. 基本选择器

a.标签选择器
b.id选择器
c.类选择器
d.*通用选择器 选择所有的元素
e.选择器组合用逗号隔开

2. 层次选择器

a.后代选择器 空格
b.父子选择器 >
c.相邻选择器 同级别 +
d.平级选择器 对象后面的根据过滤器过滤出来的的元素 $("#someDiv~[title]") //id为someDiv对象后面所有带title属性的元素

• 有类似nextAll()的效果
  $("#a~li")<=>$("#a").nextAll()
• 选择所有相邻元素，包括前面的，用siblings()函数
  $（“#a”）.siblings("li")

3. 过滤选择器

a.基本过滤选择器

名称	说明
:first :last	第一个元素 最后一个元素 [$(“tr:first”)]
:not(selector)	去除与给定选择器匹配的元素
:odd :even	从0开始计数,索引值为奇（偶）的元素
:eq(index) :gt(index) :lt(index)	从0开始计数,匹配索引值等于（大于 小于）index的元素
:header	匹配header标签 h1,h2
:animated	匹配正在执行动画效果的元素

b.内容过滤选择器

名称	说明
:contains(text)	匹配包含给定文本的元素
:empty	匹配不包含子元素和文本的空元素
:has(selector)	含有指定选择器的元素
:parent	含有子元素或文本的元素

c.可见性过滤选择器

名称	说明
:hidden	匹配所有不可见的元素
:visible	匹配所有可见的元素

hidden：

• display:none
• type:hidden
• width = height = 0
• 祖元素被隐藏导致无法显示

d.属性过滤选择器

名称	说明
[attr]	含有给定属性的元素 [ $(“div[id]”) ]
[attr = value]	给定属性是某个特定值 [ $(“div[id = ‘a’]”) ]
[attr != value]	给定属性不是某个特定值
[attr ^= value]	给定属性以某个特定值开始
[attr $= value]	给定属性以某个特定值结束
[attr *= value]	给定属性包含某个特定值
[attrFilter][attrFilter2]	复合属性选择器，同时满足

e.子元素过滤选择器

名称	说明
:nth-child(index/even/odd/equation)	从1开始 [ $(“ul li:nth-child(3n+1)”) ]
:first-child :last-child	匹配第一个（最后一个）子元素
:only-child	匹配在父元素中该子元素是唯一的子元素

f.表单对象过滤选择器

名称	说明
:enabled	可用元素
:disabled	不可用元素
:checked	被选中元素，复选框，单选框等，不包括select中的option
:selected	所有选中的option元素（select 下拉列表框）

4.表单选择器

名称	说明
:input	所有input,textarea,select和button元素
:text	文本框
:password	密码框
:radio	单选框
:checkbox	复选框
:submit	提交按钮
:image	图像域
:reset	重置按钮
:button	按钮
:file	文件域