JQuery 选择器 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()................
最新文章
- C#事件-使用事件需要的步骤
- .Net Core Linux centos7行—vscode开发,linux部署运行
- WP8.1 C#代码 添加/获取Grid.ColumnDefinitions/RowDefinitions
- ON DUPLICATE KEY UPDATE重复插入时更新
- 数据流图DFD画法
- Java多线程-新特征-锁(上)
- HTML5跨浏览器表单及HTML5表单的渐进增强
- 查看Linux下端口占用情况的命令
- C# 之 FileSystemWatcher事件多次触发的解决方法
- U-Boot--配置过程分析
- 银联接口(注意项&;备忘)
- Docker 命令(二)
- flying-saucer + iText + Freemarker实现pdf的导出, 支持中文、css以及图片
- ASP.NET Core 一步步搭建个人网站(4)_主页和登录验证
- CSS3 黑白图片
- Gson解析json字符串、json数组转换成对象
- verilog学习笔记(1)_两个小module
- TF(3): 安装部署_Windows
- CloudStack和OpenStack该如何选择(如果准备选择OpenStack,请做好hack的准备。CloudStack的底层功能已经做的很完善了,更适合商用)
- VS2015 C#调用C++ 托管代码无法调试问题排查