基本选择器:
#id 根据Id匹配一个元素
.class 根据给定的类名匹配一个元素
element 根据元素名匹配一个元素
* 匹配所有元素
selecttor1,selector2 并集,返回两个选择器匹配到的元素
层次选择器:
ancestor descendant 根据祖先匹配所有的后代元素
parent>child 根据父元素匹配所有的子元素,直接后代
prev+next 匹配下一个兄弟元素 相当于next()方法
prev~siblings 匹配后面的兄弟元素 相当于nextAll()方法 siblings()方法为匹配所有的兄弟元素
简单过滤选择器:
:first或first() 匹配第一个元素
:last或last() 匹配最后一个元素
:not(selector) 匹配非selector能匹配到的元素
:even 匹配索引值为偶数的元素,索引号从0开始
:odd 匹配索引值为奇数的元素,索引号从0开始
:eq(index) 匹配指定索引号的元素,索引号从0开始
:gt(index) 匹配索引号大于给定索引值的元素,索引号从0开始
:lt(index) 匹配索引号小于给定索引值的元素,索引号从0开始
:header 匹配所有的标题元素 h1 h2 h3 h4 h5 h6
:animated 匹配所有正在执行动画的元素
内容过滤选择器:
:contains(text) 匹配包含给定文本的元素
:empty 匹配所有不包含子元素或者文本的空元素
:has(selector) 匹配后代中含有selector能匹配上元素的元素
:parent 匹配含有子元素或者文本的元素
可见性过滤选择器:
:hidden 匹配不可见元素,或者type=”hidden”的元素 含有css样式:display:”none”;的元素,无论CSS是内联,导入,链接式
:visible 获取所有的可见元素
属性过滤选择器:
[attribute] 匹配含有给定属性的元素
[attribute=value] 匹配含有属性=value的元素
[attribute!=value] 匹配含有属性但!=value的元素
[attribute^=value] 匹配属性值是以value开始的元素










