手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >JQuery 选择器 xpath 语法应用
JQuery 选择器 xpath 语法应用
摘要:比如下面html代码复制代码代码如下:li-1li-2li-2li-1li-2li-2第一种根据属性选择E[@attr]$("[@title...

比如下面html代码

复制代码 代码如下:

<ul>

<li title="ttt">li-1</li>

<li>li-2</li>

<li title="fffff">li-2</li>

</ul>

<div title="ttt">li-1</div>

<div>li-2</div>

<div title="fffff">li-2</div>

第一种根据属性选择E[@attr]

$("[@title]").click()..........

即选择所有元素内 属性带有title的元素

<li title="ttt">li-1</li>

<li title="fffff">li-2</li>

<div title="ttt">li-1</div>

<div title="fffff">li-2</div>

$("div[@title]").click()..........

选择所有div标签下的所有带title的元素

<div title="ttt">li-1</div>

<div title="fffff">li-2</div>

第二种根据属性值选择E[@attr=val]

$("div[@title=ttt]").click()................

选择div下所有title属性等于ttt的元素

<div title="ttt">li-1</div>

如果是 $("[@title=ttt]").click()................

所有元素下属性title等于ttt的元素

<li title="ttt">li-1</li>

<div 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给网页更换皮肤的方法

jQuery切换所有复选框选中状态的方法

JQuery选择器、过滤器大整理

JQuery中属性过滤选择器用法

JQuery中Text方法用法实例分析

Jquery跨浏览器文本复制插件Zero Clipboard的使用方法

Jquery动态添加输入框的方法

jQuery插件expander实现图片翻转特效

JS或jQuery获取ASP.NET服务器控件ID的方法

jQuery中 prop() attr()使用详解

精品推荐
分类导航