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 DOM 添加事件
Feb 14 Javascript
判断ie的两种简单方法
Aug 12 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
javascript中CheckBox全选终极方案
May 20 Javascript
JavaScript中reduce()方法的使用详解
Jun 09 Javascript
即将发布的jQuery 3 有哪些新特性
Apr 14 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
Jun 25 Javascript
Jquery与Bootstrap实现后台管理页面增删改查功能示例
Jan 22 Javascript
微信小程序request出现400的问题解决办法
May 23 Javascript
JS实现的随机排序功能算法示例
Jun 09 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
Sep 29 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设置一边执行一边输出结果的代码
2013/09/30 PHP
php与python实现的线程池多线程爬虫功能示例
2016/10/12 PHP
PHP实现的62进制转10进制,10进制转62进制函数示例
2019/06/06 PHP
extjs 学习笔记(二) Ext.Element类
2009/10/13 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
setInterval与clearInterval的使用示例代码
2014/01/28 Javascript
JS操作iframe里的dom(实例讲解)
2014/01/29 Javascript
全屏滚动插件fullPage.js使用实例解析
2016/10/21 Javascript
JQuery中Ajax的操作完整例子
2017/03/07 Javascript
JavaScript通过filereader接口读取文件
2017/05/10 Javascript
文本溢出插件jquery.dotdotdot.js使用方法详解
2017/06/22 jQuery
微信小程序中button组件的边框设置的实例详解
2017/09/27 Javascript
微信小程序实现的自定义分享功能示例
2019/02/12 Javascript
Vue组件实现触底判断
2019/06/26 Javascript
Webpack 4如何动态切割JS注入文件名详解
2019/07/09 Javascript
使用element-ui的el-menu导航选中后刷新页面保持当前选中状态
2019/07/19 Javascript
jQuery实现每日秒杀商品倒计时功能
2019/09/06 jQuery
Vuex的API文档说明详解
2020/02/05 Javascript
[56:46]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VP vs Effect
2018/04/01 DOTA
编写Python小程序来统计测试脚本的关键字
2016/03/12 Python
Python3自动签到 定时任务 判断节假日的实例
2018/11/13 Python
Python3 jupyter notebook 服务器搭建过程
2018/11/30 Python
python爬虫之爬取百度音乐的实现方法
2019/08/24 Python
使用Python实现Wake On Lan远程开机功能
2020/01/22 Python
python实现信号时域统计特征提取代码
2020/02/26 Python
Restful_framework视图组件代码实例解析
2020/11/17 Python
Python之字符串的遍历的4种方式
2020/12/08 Python
python中zip()函数遍历多个列表方法
2021/02/18 Python
html标签之Object和EMBED标签详解
2013/07/04 HTML / CSS
W Hamond官网:始于1979年的钻石专家
2020/07/20 全球购物
互联网创业计划书的书写步骤
2014/01/28 职场文书
工作评语大全
2014/04/26 职场文书
春节随笔
2015/08/15 职场文书
聊聊基于pytorch实现Resnet对本地数据集的训练问题
2022/03/25 Python
微软团队与 NASA 科学家和惠普企业(HPE)的工程师合作
2022/04/21 数码科技
Python+Pillow+Pytesseract实现验证码识别
2022/05/11 Python