首页 / JQUERY / JQuery 选择器 xpath 语法应用

JQuery 选择器 xpath 语法应用

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JQuery 选择器 xpath 语法应用，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1501字，纯文字阅读大概需要3分钟。

内容图文

比如下面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的元素

内容总结

以上是互联网集市为您收集整理的JQuery 选择器 xpath 语法应用全部内容，希望文章能够帮你解决JQuery 选择器 xpath 语法应用所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/371243.html

来源：【匿名】