一:基本选择器:
- id选择器: $("#id");
- 类选择器 $(".类名");
- 元素选择器 $("元素名称");
- 通配符选择器 $("*");
- 并列选择器 $("选择器,选择器,选择器");
二:层级选择器:
- 后代选择器: 使用空格(所有后代含孙子及以下元素)
- 子元素选择器: 使用>(儿子)
- 下一个元素选择器: 使用+(下一个同辈元素)
- 兄弟元素选择器: 使用~(后面所有同辈元素)
三:基本过滤选择器:
- :first (获取匹配的第一个元素)
- :last (获取匹配的最后一个元素)
- :not(selector) (去除所有与给定选择器匹配的元素)
- :even (匹配所有索引值为偶数的元素,从0开始计数)
- :odd (匹配所有索引值为奇数的元素)
- :eq(index) (匹配一个给定索引值的元素)
- :gt(index) (匹配所有大于给定索引值的元素)
- :lt(index) (匹配所有小于给定索引值的元素)
- :header (匹配如h1,h2,h3之类的标题元素)
- :focus (匹配当前获取焦点的元素)
四:内容选择器:
- :contains(text) (匹配包含给定文本的元素)
- :empty (匹配所有不包含子元素或者文本的空元素)
- :has(selector) (匹配含有选择器所匹配的元素的元素)
- :parent (匹配含有子元素或者文本的元素)
五:属性选择器:
- [attribute] (匹配包含给定属性的元素)
- [attribute=value] (匹配给定的属性是某个特定值的元素)
- [attribute!=value] (匹配所有不含有指定的属性,或者属性不等于特定值的元素)
- [attribute^=value] (匹配给定的属性是以某些值开始的元素)
- [attribute$=value] (匹配给定的属性是以某些值结尾的元素)
- [attribute*=value] (匹配给定的属性是以包含某些值的元素)
- [attrSel1][attrSel2][attrSelN] (复合属性选择器,需要同时满足多个条件时使用)
六:表单选择器:
- :input (匹配所有input,textarea,select,button元素)
- :text (匹配所有的单行文本框)
- :password (匹配所有的密码框)
- :radio (匹配所有的单选按钮)
- :checkbox (匹配所有的复选框)
- :submit (匹配所有提交按钮)
- :image (匹配所有的图像域)
- :reset (匹配所有重置按钮)
- :button (匹配所有的按钮)
- :file (匹配所有文件域)
- :hidden (匹配所有的不可见元素,或者type为hidden的元素)
七:表单属性选择器:
- :enabled (匹配所有可用元素)
- :disabled (匹配所有不可用元素)
- :checked (匹配所有选中的被选中的元素[复选框|单选框等,不包括select中的option])
- :selected (匹配所有选中的option元素)