1、基本选择器
* | $("*")全局选择器 |
---|---|
class | (".class类名") 类选择器 |
id | (" #id的值") id选择器 |
element | (”HTML标签名“)标签选择器 |
2、层次选择器 (a b表示选择器)
a b | $(“a b”) 在给定的祖先元素下匹配所有的后代元素 (子选择器) |
---|---|
a>b | $(“a>b”) 在给定的父元素下匹配所有的子元素 (后代选择器) |
a+b | $(“a+b”) 匹配所有紧接在 a 元素后的 b元素 可以用next()代替 (相邻元素选择器) |
a~b | $(“a~b”)匹配 a元素之后的所有 b元素 (同辈元素选择器) |
3、基本筛选器
:frist | 获取第一个元素 |
---|---|
:not | 去除所有与给定选择器匹配的元素 |
:even | 匹配所有索引值为偶数的元素,从 0 开始计数 |
:odd | 匹配所有索引值为奇数的元素,从 0 开始计数 |
:eq(index) | 匹配一个给定索引值的元素 (index)从0开始计数 |
:gt(index) | 匹配所有大于给定索引值的元素 (index) 从0开始计数 |
:last | 获取最后一个元素 |
:lt(index) | 匹配所有小于给定索引值的元素 (index) 从0开始计数 |
:header | 匹配如 h1, h2, h3之类的标题元素 (可以给页面所有标题加背景颜色) |
:animated | 匹配所有正在执行动画效果的元素 |
4、内容选择器
:contains(text) | 匹配包含给定文本的元素 (一个用以查找的字符串) |
---|---|
:empty | 匹配所有不包含子元素或者文本的空元素 |
:has(selector) | 匹配含有选择器所匹配的元素的元素 |
:parent | 匹配含有子元素或者文本的元素 |
5、可见性
:hidden | 匹配所有不可见元素,或者type为hidden的元素 |
---|---|
:visible | 匹配所有的可见元素 |
6、表单
:input | 匹配所有 input, textarea, select 和 button 元素 |
---|---|
:text | 匹配所有的单行文本框 |
:password | 匹配所有密码框 |
:radio | 匹配所有单选按钮 |
:checkbox | 匹配所有复选框 |
:submit | 匹配所有提交按钮 |
:image | 匹配所有图像域 |
:reset | 匹配所有重置按钮 |
:button | 匹配所有按钮 |
:file | 匹配所有文件域 |
7、表单对象属性
:enabled | 匹配所有可用元素 |
---|---|
:disabled | 匹配所有不可用元素 |
:checked | 匹配所有选中的被选中元素(复选框、单选框等,select中的option), |
:selected | 匹配所有选中的option元素 |