Heim >Web-Frontend >js-Tutorial >JQuery 选择器 xpath 语法应用_jquery

JQuery 选择器 xpath 语法应用_jquery

WBOY
WBOYOriginal
2016-05-16 18:27:392456Durchsuche

比如下面html代码

复制代码 代码如下:


  • li-1

  • li-2

  • li-2


li-1

li-2

li-2



第一种根据属性选择E[@attr]
$("[@title]").click()..........

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

  • li-1

  • li-2

  • 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

  • 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的元素
    Stellungnahme:
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn