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 相关文章推荐
准确获得页面、窗口高度及宽度的JS
Nov 26 Javascript
用js查找法实现当前栏目的高亮显示的代码
Nov 24 Javascript
Jquery+JSon 无刷新分页实现代码
Apr 01 Javascript
优化innerHTML操作(提高代码执行效率)
Aug 20 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
Apr 24 Javascript
浅谈JavaScript Date日期和时间对象
Dec 29 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
vue-quill-editor实现图片上传功能
Aug 08 Javascript
Vue下路由History模式打包后页面空白的解决方法
Jun 29 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
Sep 18 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
PHP mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
PHP GD 图像处理组件的常用函数总结
2010/04/28 PHP
php实现俄罗斯乘法实例
2015/03/07 PHP
PHP实现正则匹配所有括号中的内容
2018/06/22 PHP
《JavaScript高级程序设计》阅读笔记(三) ECMAScript中的引用类型
2012/02/27 Javascript
jQuery简单图表peity.js使用示例
2014/05/02 Javascript
使用jQuery仿苹果官网焦点图特效
2014/12/23 Javascript
ECMAScript6中Set/WeakSet详解
2015/06/12 Javascript
基于javascript html5实现多文件上传
2016/03/03 Javascript
JavaScript希尔排序、快速排序、归并排序算法
2016/05/08 Javascript
详细谈谈AngularJS的子级作用域问题
2016/09/05 Javascript
JavaScript利用Date实现简单的倒计时实例
2017/01/12 Javascript
详解JS中遍历语法的比较
2017/04/07 Javascript
Angular.js 4.x中表单Template-Driven Forms详解
2017/04/25 Javascript
JS实现的汉字与Unicode码相互转化功能分析
2018/05/25 Javascript
vue中使用codemirror的实例详解
2018/11/01 Javascript
angular4自定义表单控件[(ngModel)]的实现
2018/11/23 Javascript
JS实现鼠标移动拖尾
2020/12/27 Javascript
python单线程实现多个定时器示例
2014/03/30 Python
python实现的二叉树定义与遍历算法实例
2017/06/30 Python
python中获得当前目录和上级目录的实现方法
2017/10/12 Python
Python中列表与元组的乘法操作示例
2018/02/10 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
对python_discover方法遍历所有执行的用例详解
2019/02/13 Python
Python selenium键盘鼠标事件实现过程详解
2020/07/28 Python
python中的django是做什么的
2020/07/31 Python
详解pycharm配置python解释器的问题
2020/10/15 Python
Python Socket多线程并发原理及实现
2020/12/11 Python
用python批量下载apk
2020/12/29 Python
利用纯CSS3实现动态的自行车特效源码
2017/01/20 HTML / CSS
料理师求职信
2014/01/30 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
大学生演讲稿
2014/04/25 职场文书
关于运动会的口号
2014/06/07 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL