JQuery 选择器 xpath 语法应用


Posted in Javascript onMay 13, 2010

比如下面html代码

<ul> 
<li class="aaaa" title="ttt">li-1</li> 
<li class="bbbb">li-2</li> 
<li title="fffff">li-2</li> 
</ul> 
<div class="aaaa" title="ttt">li-1</div> 
<div class="bbbb">li-2</div> 
<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的元素

Javascript 相关文章推荐
javascript学习网址备忘
May 29 Javascript
select 控制网页内容隐藏于显示的实现代码
May 25 Javascript
js猜数字小游戏的简单实现代码
Jul 02 Javascript
原生javascript模仿win8等待提示圆圈进度条
Apr 24 Javascript
jQuery找出网页上最高元素的方法
Mar 20 Javascript
js创建对象的方法汇总
Jan 07 Javascript
轻松5句话解决JavaScript的作用域
Jul 15 Javascript
简单实现js轮播图效果
Jul 14 Javascript
记一次webapck4 配置文件无效的解决历程
Sep 19 Javascript
vue单页缓存存在的问题及解决方案(小结)
Sep 25 Javascript
JavaScript剩余操作符Rest Operator详解
Jul 20 Javascript
vue项目页面嵌入代码块vue-prism-editor的实现
Oct 30 Javascript
bgsound 背景音乐 的一些常用方法及特殊用法小结
May 11 #Javascript
通过判断JavaScript的版本实现执行不同的代码
May 11 #Javascript
JavaScript 判断指定字符串是否为有效数字
May 11 #Javascript
Jquery 获得服务器控件值的方法小结
May 11 #Javascript
超简单的jquery的AJAX用法
May 10 #Javascript
基于jquery用于查询操作的实现代码
May 10 #Javascript
jquery tab标签页的制作
May 10 #Javascript
You might like
WAR3重制版DOTA 5V5初体验
2020/04/09 DOTA
php实现的Timer页面运行时间监测类
2014/09/24 PHP
PHP生成唯一订单号
2015/07/05 PHP
通过PHP简单实例介绍文件上传
2015/12/16 PHP
IE6,IE7下js动态加载图片不显示错误
2010/07/17 Javascript
jQuery之选择组件的深入解析
2013/06/19 Javascript
jQuery让控件左右移动的三种实现方法
2013/09/08 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
JQuery悬停控制图片轮播——代码简单
2015/08/05 Javascript
JS读写CSS样式的方法汇总
2016/08/16 Javascript
js模式化窗口问题![window.dialogArguments]
2016/10/30 Javascript
浅谈jQuery中Ajax事件beforesend及各参数含义
2016/12/03 Javascript
微信小程序实现鼠标拖动效果示例
2017/12/01 Javascript
webpack+vue+express(hot)热启动调试简单配置方法
2018/09/19 Javascript
微信小程序实现图片选择并预览功能
2019/07/25 Javascript
在elementui中Notification组件添加点击事件实例
2020/11/11 Javascript
python列表操作使用示例分享
2014/02/21 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python采用django框架实现支付宝即时到帐接口
2016/05/17 Python
python+requests+unittest API接口测试实例(详解)
2017/06/10 Python
python 获取list特定元素下标的实例讲解
2018/04/09 Python
详解Django中间件执行顺序
2018/07/16 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
wxPython:python首选的GUI库实例分享
2019/10/05 Python
Eclipse配置python默认头过程图解
2020/04/26 Python
Java基础知识面试题
2014/03/25 面试题
十八届三中全会宣传方案
2014/02/21 职场文书
合作协议书怎么写
2014/04/18 职场文书
安全生产大检查方案
2014/05/07 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
2015年简历自我评价范文
2015/03/11 职场文书
装饰施工员岗位职责
2015/04/11 职场文书
运动会班级口号霸气押韵
2015/12/24 职场文书
创业计划书之DIY自助厨房
2019/09/06 职场文书
导游词之无锡古运河
2019/11/14 职场文书