selenium定位元素的时候,有时候想检查一下自己的定位是否正确,比如说class值是不是唯一的,xpath通过相对路径定位是否有返回值,返回的值是否唯一等等。
这时候就可以通过浏览器Debug 控制台通过jQuery来检测。
选择器允许对元素组或单个元素进行操作
jQuery元素选择器
jQuery使用CSS选择器来选取HTML元素。
$("p") 选取<p>元素
$("p.intro") 选取所有class="intro"的<p>元素
$("p#demo") 选取所有id="demo"的<p>元素
jQuery属性选择器
jQuery使用XPath表达式来选择带有给定属性的元素
$("[href]") 选取所有带有href属性的元素
$("[href='#']") 选取所有带有href值等于“#”的元素
$("[href!='#']") 选取所有带有href值不等于"#"的元素
$("[href$='.jpg']") 选取所有href值以".jpg"结尾的元素
jQuery CSS选择器
jQuery CSS选择器可用于改变HTML元素的CSS属性
下例把所有p元素的背景颜色更改为红色:
$("p").css("background-color","red");
语法 | 描述 |
---|---|
$(this) | 当前 HTML 元素 |
$("p") | 所有 <p> 元素 |
$("p.intro") | 所有 class="intro" 的 <p> 元素 |
$(".intro") | 所有 class="intro" 的元素 |
$("#intro") | id="intro" 的元素 |
$("ul li:first") | 每个 <ul> 的第一个 <li> 元素 |
$("[href$='.jpg']") | 所有带有以 ".jpg" 结尾的属性值的 href 属性 |
$("div#intro .head") | id="intro" 的 <div> 元素中的所有 class="head" 的元素 |