热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

JQuery选择器xpath语法应用

比如下面html代码 代码如下: li-1 li-2 li-2 li-1 li-2 li-2 第一种根据属性选择E[@attr] $
比如下面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的元素

    推荐阅读
    author-avatar
    艹尛鱈_695
    这个家伙很懒,什么也没留下!
    PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
    Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有