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 文件域