基本选择器

1、#id        根据id的属性值来获取元素

2、TagName     根据标签名来获取元素

3、selector1,selector2    匹配列表中的选择器(就是可以匹配多个选择器)

4、.class     根据class的属性值来获取元素

层级选择器

1、祖先元素      后代元素  匹配祖先元素下面的指定的后代元素

2、parent > child  匹配父元素下面的指定的子元素

3、prev + next   匹配当前元素的下一个兄弟元素  要求这两个元素必须邻居

简单选择器

1、:first 匹配第一个元素

2、:last 匹配最后一个元素

3、:eq(index)  匹配下标值为指定值的元素

4、:not(selector) 匹配不包含指定选择器的所有元素

内容选择器

1、:contains(text) 匹配内容中包含指定值的元素

2、:empty   匹配内容为空的元素

3、:has(selector)  匹配内容中包含指定选择器的元素

4、:parent  匹配内容不为空的元素

可见性选择器

1、:hidden   匹配隐藏的元素   CSS中:display:none

2、:visible    匹配显示的元素  CSS中：display:block

属性选择器

1、[attribute]   匹配指定属性的所有元素

2、[attribute=value]  匹配属性等于指定值的元素    input[name=”username”]

3、[attribute!=value]  匹配属性不等于指定值的所有元素

4、[selector1][selector2][selectorN]  匹配列表中所有属性

表单对象选择器

1、:enabled  匹配表单中可用的表单控件

2、:disabled  匹配表单中不可用的表单控件

3、:checked  匹配表单中默认选中的元素   单选按钮和多选按钮

4、:selected  匹配表单中默认选中的元素   下拉列表

表单对象选择器

1、:enabled  匹配表单中可用的表单控件

2、:disabled  匹配表单中不可用的表单控件

3、:checked  匹配表单中默认选中的元素   单选按钮和多选按钮

4、:selected  匹配表单中默认选中的元素   下拉列表