基础选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | #id | ID选择器,根据指定的ID取得指定的元素,相当于document.getElementById() | 单个元素 |
2 | 元素名称 | 在一个页面致中包含有多个HTML元素,因此可以直接根据元素名称来选择 | 元素集合 |
3 | .class | 样式选择器,根据指定的样式名称取得所需要的元素 | 元素集合 |
4 | * | 所有元素 | 元素集合 |
层次选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | 祖先 后代 | 根据一个元素可以取得其所有指定的子元素,不管中间跨国多少代;可以用find()函数来取代 | 元素集合 |
2 | 父辈>子辈 | 根据一个父元素找到具有指定元素名称的子元素,只有一代的差别,可以用children()函数来代替 | 元素集合 |
3 | 元素+相邻元素 | 找到指定元素与其平级的元素,可以用next()函数来代替 | 单个元素 |
4 | 元素~兄弟元素 | 找到指定元素与其平级的所有元素,可以用nextAll()函数来代替 | 元素集合 |
索引选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | :first | 取得返回所有元素的第一个索引元素,可是使用first()函数来代替 | 单个元素 |
2 | :last | 取得返回的所有元素的最后一个索引元素,可以使用last()函数来代替 | 单个元素 |
3 | :not(元素) | 排除指定索引之外的所有元素 | 元素集合 |
4 | :even | 取得所有元素索引为偶数的元素 | 元素集合 |
5 | :odd | 取得所有元素索引为奇数的元素 | 元素集合 |
6 | :eq | 取得指定索引编号的元素 | 单个元素 |
7 | :gt | 取得大于指定索引编号的元素 | 元素集合 |
8 | :lt | 取得小于指定索引编号的元素 | 元素集合 |
9 | :header | 选择所有的“<hx>”元素 | 元素集合 |
内容选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | :contains(内容) | 返回包含有指定文本内容的所有元素 | 元素集合 |
2 | :empty | 返回所有不包含子元素或者文本的所有元素信息 | 元素集合 |
3 | :parent | 返回所有包含子元素的元素 | 元素集合 |
4 | :has(选择器) | 取得包含有指定子选择器所匹配的所有元素 | 元素集合 |
5 | 父元素选择器 | 使用parent()函数来完成 | 单个元素 |
可见性选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | :hidden | 取得所有的隐藏元素 | 元素集合 |
2 | :visible | 取得所有的可见元素 | 元素集合 |
属性选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | [属性名称] | 取得包含有指定属性名称的所有元素 | 元素集合 |
2 | [属性=内容] | 取得包含有指定属性内容的所有元素 | 元素集合 |
3 | [属性!=内容] | 取得不包含有指定属性内容的所有元素 | 元素集合 |
4 | [属性^=内容] | 取得以指定内容开头的所有元素 | 元素聚合 |
5 | [属性$=内容] | 取得以指定内容结尾的所有元素 | 元素集合 |
6 | [属性*=内容] | 取得包含有指定内容的所有元素 | 元素聚合 |
7 | [属性选择器][属性选择器][属性选择器] | 在若干属性的结合表示之后同时具备有这些属性的元素 | 元素聚合 |
表格选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | :nth-child(eq|even|odd|index) | 选择指定列中的与哦有元素,可以使用列的索引、全部偶数索引、全部奇数索引来完成,需要注意的是,这个列的索引是从1开始的 | 元素集合 |
2 | :first-child | 取得表格行的首列 | 元素集合 |
3 | :last-child | 取得表格行的尾列 | 元素集合 |
4 | :only-child | 取得只有一个子元素的父元素 | 元素集合 |
表单选择器
No | 选择器 | 描述 | 返回类型 |
---|---|---|---|
1 | :input | 取得所有的输入组件对象,例如:text、radio | 元素集合 |
2 | :text | 取得所有的文本框输入组件 | 元素集合 |
3 | :password | 取得所有的密码输入组件 | 元素集合 |
4 | :radio | 取得所有的单选钮 | 元素集合 |
5 | :checkbox | 取得所有的复选框 | 元素集合 |
6 | :button | 取得所有的按钮 | 元素集合 |
7 | :submit | 取得所有的提交按钮 | 元素集合 |
8 | :reset | 取得所有的重置按钮 | 元素集合 |
9 | :file | 取得所有的上传组件 | 元素集合 |
10 | :image | 取得所有的图片按钮 | 元素集合 |