一、 选择器
1.基本选择器
ID :用于搜索的,通过元素的id属性中给定的值;
element :根据给定的元素标签名匹配所有元素;
.class : 根据给定的css类名匹配元素;
* : 匹配所有元素 (多用于结合上下文来搜索);
selector1,selector2,selectorN : 将每一个选择器匹配到的元素合并后一起返回 (你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内);
2.层级选择器
ancestor(先祖) descendant(后人) : 在给定的祖先元素下匹配所有的后代元素;
parent > child : 在给定的父元素下匹配所有的子元素;
prev + next : 匹配所有紧接在prev元素后的next元素;
prev ~ siblings :匹配prev元素之后的所有兄弟姐妹元素;
3.基本筛选器
:first 获取匹配的第一个元素
:not(selector) 去除所有与给定选择器匹配的元素;
:even 匹配所有索引值为偶数的元素,从0开始计数;
:odd 匹配所有索引值为奇数的元素,从0开始计数;
:eq(index) 匹配一个给定索引值的元素;
:gt(index) 匹配所有大于给定索引值的元素;
:lang 选择指定语言的所有元素;
:last 获取最后一个元素;
:lt(index) 匹配所有小于给定索引值的元素;
:header 匹配如 h1~h6 之类的标题元素;
:animated 匹配所有正在执行动画效果的元素;
:focus 匹配当前获取焦点的元素;
:root 选择该文档的根元素;
4.内容
:contains(text) 匹配包含给定文本的元素;
:empty 匹配所有不包含子元素或者文本的空元素;
:has(selector) 匹配含有选择器所匹配的元素;
:parent 匹配含有子元素或者文本的元素;
5.可见性
:hidden 匹配所有不可见元素,或者type为hidden的元素;
:visible 匹配所有的可见元素;