JQuery 选择器 xpath 语法应用

象牙塔的眺望

象牙塔的眺望

2016-02-19 13:06

下面,图老师小编带您去了解一下JQuery 选择器 xpath 语法应用,生活就是不断的发现新事物,get新技能~
比如下面html代码

代码如下:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
ul
li title="ttt"li-1/li
lili-2/li
li title="fffff"li-2/li
/ul
div title="ttt"li-1/div
divli-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的元素
展开更多 50%)
分享

猜你喜欢

JQuery 选择器 xpath 语法应用

Web开发
JQuery 选择器 xpath 语法应用

jQuery 选择器理解

Web开发
jQuery 选择器理解

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 选择器部分整理

Web开发
jquery 选择器部分整理

Jquery选择器 $实现原理

Web开发
Jquery选择器 $实现原理

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery选择器选择dom元素

Web开发
jQuery选择器选择dom元素

jQuery入门[2]-选择器

Web开发
jQuery入门[2]-选择器

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jQuery 锚点跳转滚动条平滑滚动一句话代码

jQuery 锚点跳转滚动条平滑滚动一句话代码

服务器与客户机互传消息

服务器与客户机互传消息
下拉加载更多内容 ↓