选择器(selector)是CSS中的重要概念,用于对HTML元素的查找和控制。由于Selenium学习需求特对选择器相关知识进行学习和总结,方便以后查阅。
基本选择器
基本选择器是jQuery中最常用的选择器,通过元素id、class和标签名等来查找元素
基本选择器
| 选择器 | 描述 |
| #id |
根据给定的id匹配一个元素 |
| .class |
根据给定的类名匹配元素 |
| element |
根据给定的元素名匹配元素 |
| * |
匹配所有元素 |
| selector1,selector2... |
集合元素 |
层次选择器
通过元素之间的层次关系来获取特定元素
层次选择器
| 选择器 | 描述 |
| $("ancestor descendant") |
选取ancestor元素里所有descendant元素 |
| $("parent > child") |
选取parent元素下的child元素 |
| $("prev + next") |
选取prev后下一个同辈next元素 |
| $("prev ~silblings") |
选取prev元素后的所有siblings元素 |
过滤选择器
基本过滤选择器
| 选择器 | 描述 |
| :first |
选取第一个元素 |
| :last |
选取最后一个元素 |
| :header |
选取所有标题元素 |
| :animated |
选取当前正在执行动画的所有元素 |
| :focus |
选取当前获取焦点的元素 |
| :not(selector) |
选取不包含selector选择器的元素 |
| :even |
选取索引为偶数的所有元素 |
| :odd |
选取索引为奇数的所有选手 |
| :gt(index) |
选取索引大于index的元素 |
| :lt(index) |
选取索引小于index的元素 |
| :eq(indx) |
选取索引等于index的元素 |
内容过滤选择器
| 选择器 | 描述 |
| [attribute] |
选取拥有该属性的元素 |
| [attribute=value] |
选取属性值为value的元素 |
| [attribute!=value] |
选取属性值不为value的元素 |
| [attribute^=value] |
选取属性值以value开始的元素 |
| [attribute$=value] |
选取属性值以value结束的元素 |
| [attribute*=value] |
选取属性值中包含value的元素 |
| [attribute|=value] |
选取属性等于value或以该字符串为前缀的元素 |
| [attribute~=value] |
选取属性用空格分割的值中含有value的元素 |
| [attribute1][attribute2][...] |
选取索引为奇数的所有选手 |