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()................

所有div元素下所有属性title值是等于ttt并且属性class等于aaaa的元素



相关阅读:
PHP用GD库生成高质量的缩略图片
JavaScript实际应用:子窗口和父窗口交互
js 跨域和ajax 跨域问题小结
使用SQL Server中COALESCE()函数的方法
PHP验证码类代码( 最新修改,完全定制化! )
Oracle数据库重做日志文件丢失后的恢复
一个完整的Access数据库处理系统
调整FreeBSD的虚拟内存系统
SpeedPHP强大并智能的对象初始化工具
CSS3 网页下拉菜单代码解释 中文翻译
js实现图片显示局部,鼠标经过显示全部的效果
人们期待的CSS3的10大功能
批处理实现文本内容居中显示的代码
CSS网页布局全精通
快速导航

Copyright © 2016 phpStudy |