JQuery 选择器
1.基本选择器
| #id | id选择器,加#号 |
| tagName | 字母开头,表示tag名,比如p,div |
| .class | .开头,表示css类选择 |
| * | 全选 |
| selector1,selector2,selector3 | ,分隔,表示多个选择器 |
2.层次选择器
| ancestor descendant | 空格分隔,表示所有后代(子元素及子元素的子元素... |
| parent>child | >分隔,表示子元素 |
| prev+next | +分隔表示紧跟在prev之后的相邻元素 |
| prev~siblings | ~分隔,表示跟在prev之后所有的元素 |
3.过滤选择器
| first(),或:first | |
| last(),或:last | |
| :not(selector) | 取反 |
| :even | |
| :odd | |
| :eq(index) | |
| :gt(index) | |
| :lt(index) | |
| :header | 所有标题类型的元素,比如h1,h2 |
| :animated | 正在执行动画的元素 |
4.内容过滤器
| :contains(text) | 包含文本内容 |
| :empty | 不包含子元素与文本内容的 |
| :has(selector) | 拥有某选择器的 |
| :parent | 父元素 |
5.可见性过滤器
| :hidden | |
| :visible |
6.属性过滤器
| [attribute] | 包含给定的属性 |
| [attribute=value] | 指定的属性等于指定的值 |
| [attribute!=value] | 指定的属性不等于指定的值 |
| [attribute^=value] | 指定的属性值开头等于指定的值 |
| [attribute$=value] | 指定的属性值结尾等于指定的值 |
| [attribute*=value] | 指定的属性值包含指定的值 |
| [attr-selector][attr-selector][attr-selector] | 同时满足几个属性条件 |
7.子元素过滤器
| :nth-child(eq|even|odd|index) | 获取父元素下的特定的子元素,index 从1开始 |
| :first-child | 第一个子元素 |
| :last-child | 最后一个子元素 |
| :only-child | 获取仅有的一个子元素 |
8.表单对象 属性过滤器
| :enabled | |
| :disabled | |
| :checked | |
| :selected | option里被选中的 |
9.表单对象选择器
| :input | 包含text,textarea,select |
| :text | 只包含单选输入的 text |
| :password | |
| :radio | |
| :checkbox | |
| :submit | |
| :image | |
| :reset | reset 按钮 |
| :button | |
| :file |