JQuery 选择器 xpath 语法应用_jquery
程序员文章站
2022-03-12 11:03:54
...
比如下面html代码
第一种根据属性选择E[@attr]
$("[@title]").click()..........
即选择所有元素内 属性带有title的元素
即
li-1
li-2
$("div[@title]").click()..........
选择所有div标签下的所有带title的元素
即
第二种根据属性值选择E[@attr=val]
$("div[@title=ttt]").click()................
选择div下所有title属性等于ttt的元素
即
如果是 $("[@title=ttt]").click()................
所有元素下属性title等于ttt的元素
li-1
第三种根据属性值开始字母选择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的元素
复制代码 代码如下:
- li-1
- li-2
- li-2
li-1
li-2
li-2
第一种根据属性选择E[@attr]
$("[@title]").click()..........
即选择所有元素内 属性带有title的元素
即
li-1
li-2
$("div[@title]").click()..........
选择所有div标签下的所有带title的元素
即
li-1
li-2
第二种根据属性值选择E[@attr=val]
$("div[@title=ttt]").click()................
选择div下所有title属性等于ttt的元素
即
li-1
如果是 $("[@title=ttt]").click()................
所有元素下属性title等于ttt的元素
li-1
第三种根据属性值开始字母选择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的元素