JQuery选择器(selectors 的xpath语法应用)

矫情吗；* 2021-11-13 17:02 481阅读 0赞

我们根据实例来解释**JQuery**选择器（selectors）中xpath几种常用的用法

比如下面html代码  
<ul>  
<li class="aaaa" title="ttt">li-1</li>  
<li class="bbbb">li-2</li>  
<li title="fffff">li-2</li>  
</ul>  
<div class="aaaa" title="ttt">li-1</div>  
<div class="bbbb">li-2</div>  
<div title="fffff">li-2</div>  
－－－－－－－－－－－－－－－－－－－－－－－－－－－

**第一种根据属性选择E\[@attr\]**  
$("\[@title\]").click()..........

即选择所有元素内 属性带有title的元素  
即  
<li class="aaaa" title="ttt">li-1</li>  
<li title="fffff">li-2</li>  
<div class="aaaa" title="ttt">li-1</div>  
<div title="fffff">li-2</div>  
  
$("div\[@title\]").click()..........

选择所有div标签下的所有带title的元素  
即  
<div class="aaaa" title="ttt">li-1</div>  
<div title="fffff">li-2</div>  
  
**第二种根据属性值选择E\[@attr=val\]**  
  
$("div\[@title=ttt\]").click()................

选择div下所有title属性等于ttt的元素  
即  
<div class="aaaa" title="ttt">li-1</div>  
  
如果是 $("\[@title=ttt\]").click()................  
  
所有元素下属性title等于ttt的元素  
<li class="aaaa" title="ttt">li-1</li>  
<div class="aaaa" title="ttt">li-1</div>  
  
**第三种根据属性值开始字母选择E\[@attr^=val\]**  
  
$("div\[@title^=t\]").click()................  
  
所有div元素下所有属性title值是以t为开头的元素  
  
  
**第三种根据属性值开始字母选择E\[@attr$=val\]**  
  
$("div\[@title$=t\]").click()................  
  
所有div元素下所有属性title值是以t为结尾的元素  
  
**第三种根据属性值包含字母选择E\[@attr\*=val\]**  
  
$("div\[@title\*=t\]").click()................  
  
所有div元素下所有属性title值是包含t的所有元素  
  
**第三种根据多个属性选择E\[@attr=val\]\[@attr=val\]**  
  
$("div\[@title=ttt\]\[@class=aaaa\]").click()................  
  
所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素

转载于:https://www.cnblogs.com/CodingPerfectWorld/archive/2010/05/12/1733705.html