基本选择器
#ID选择器:根据id查找标签对象。
.class选择器:根据class查找标签对象。
element选择器:根据标签名查找标签对象。
*选择器:表示任意的、所有的元素。
selector1,selector2组合选择器:合并选择器1、选择器2的结果并返回。
层级选择器
ancestor descendant后代选择器:在给定的祖先元素下匹配所有的后代元素。
parent > child子元素选择器:在给定的父元素下匹配所有的子元素。
prev + next相邻元素选择器:匹配所有紧接在prev元素后的next元素。
prev ~ sibings之后的兄弟元素选择器:匹配prev元素之后的所有siblings元素。
过滤选择器
基本过滤器:
:first:获取第一个元素。
:last:获取最后个元素。
:not(selector):去除所有与给定选择器匹配的元素。
:even:匹配所有索引值为偶数的元素,从0开始计数。
:odd:匹配所有索引值为奇数的元素,从0开始计数。
:eq(index):匹配一个给定索引值的元素。
:gt(index):匹配所有大于给定索引值的元素。
:lt(index):匹配所有小于给定索引值的元素。
:header:匹配如h1,h2,h3之类的标题元素。
:animated:匹配所有正在执行动画效果的元素。
内容过滤器:
:contains(text):匹配包含给定文本的元素。
:empty:匹配所有不包含子元素或者文本的空元素。
:parent:匹配含有子元素或者文本的元素。
:has(selector):匹配含有选择器所匹配的元素的元素。
属性过滤器:
[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:匹配所有img标签。
:reset:匹配所有重置按钮。
:button:匹配所有input type = button、<button>按钮。
:file:匹配所有input type = file文件上传。
:hidden:匹配所有不可见元素display:none或input type = hidden
表单对象属性过滤器:
:enabled:匹配所有可用元素。
:disabled:匹配所有不可用元素。
:checked:匹配所有选中的单选、复选、下拉列表中选中的option标签对象。
:selected:匹配所有选中的option。