zoukankan      html  css  js  c++  java
  • jquery 选择器(selector)使用xpath

    下面html代码
        <ul>  
    1.   <li class="aaaa" title="ttt">li-1</li>  
    2.   <li class="bbbb">li-2</li>  
    3.   <li title="fffff">li-2</li>  
    4. </ul>  
    5. <<SPAN class=t_tag onclick=tagshow(event) href="tag.php?name=div">div</SPAN> class="aaaa" title="ttt">li-1</div>  
    6.  <div class="bbbb">li-2</div>  
    7.  <div title="fffff">li-2</div>  


    ---------------------------

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

    即选择所有元素内 属性带有title的元素
    即 
    <li class="aaaa" title="ttt">li-1</li>
    <li title="fffff">li-2</li>
    <div class="aaaa" title="ttt">li-1</div>
    <div title="fffff">li-2</div>

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

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

    <div class="aaaa" title="ttt">li-1</div>
    <div title="fffff">li-2</div>

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

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

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

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

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

    所有元素下属性title等于ttt的元素
    <li class="aaaa" title="ttt">li-1</li>
    <div class="aaaa" 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的元素

  • 相关阅读:
    值类型、引用类型的区别
    SharePoint Server 2013 Excel Web Access无法显示
    SharePoint 2013报错之“指定的文件不是有效的电子表格或者没有包含要导入的数据”
    SharePoint 2013备份方法整理
    SQL 2005报错之Restore fail for Server 'DatabaseServerName'.
    SQL Server 2012自动备份
    SharePoint 2013在浏览器中打开pdf文档
    摸鱼,搞RW
    蛋疼的远程声音,这次用蓝牙试试看
    Win10 IoT Core 更改密码(PowerShell)
  • 原文地址:https://www.cnblogs.com/yuzhongwusan/p/1399260.html
Copyright © 2011-2022 走看看