jQuery选择器

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" 的元素