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 相关文章推荐
jquery imgareaselect 使用利用js与程序结合实现图片剪切
Jul 30 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
Oct 08 Javascript
jquery分页插件jquery.pagination.js使用方法解析
Apr 01 Javascript
详解vue与后端数据交互(ajax):vue-resource
Mar 16 Javascript
Javascript实现信息滚动效果
May 18 Javascript
Vue.js实现网格列表布局转换方法
Aug 25 Javascript
利用jsonp与代理服务器方案解决跨域问题
Sep 14 Javascript
javascript  删除select中的所有option的实例
Sep 17 Javascript
5分钟学会Vue动画效果(小结)
Jul 21 Javascript
JS制作简易计算器的实例代码
Jul 04 Javascript
vue实现图片按比例缩放问题操作
Aug 11 Javascript
vue路由结构可设一层方便动态添加路由操作
Aug 31 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 str_pad 函数用法简介
2009/07/11 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
javascript 火狐(firefox)不显示本地图片问题解决
2008/07/05 Javascript
jQuery获取样式中的背景颜色属性值/颜色值
2012/12/17 Javascript
使用Node.js实现一个简单的FastCGI服务器实例
2014/06/09 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
jQuery中eq()方法用法实例
2015/01/05 Javascript
原生js实现的贪吃蛇网页版游戏完整实例
2015/05/18 Javascript
jQuery实用技巧必备(上)
2015/11/02 Javascript
详解javascript高级定时器
2015/12/31 Javascript
angular2使用简单介绍
2016/03/01 Javascript
NodeJs读取JSON文件格式化时的注意事项
2016/09/25 NodeJs
实例分析nodejs模块xml2js解析xml过程中遇到的坑
2017/03/18 NodeJs
nodejs模块nodemailer基本使用-邮件发送示例(支持附件)
2017/03/28 NodeJs
详解node.js搭建代理服务器请求数据
2017/04/08 Javascript
JavaScript在控件上添加倒计时功能的实现代码
2017/07/04 Javascript
zTree获取当前节点的下一级子节点数实例
2017/09/05 Javascript
深入浅析Node.js 事件循环、定时器和process.nextTick()
2018/10/22 Javascript
微信小程序中遇到的iOS兼容性问题小结
2018/11/14 Javascript
微信小程序在线客服自动回复功能(基于node)
2019/07/03 Javascript
Javascript中window.name属性详解
2020/11/19 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
Python中的字符串操作和编码Unicode详解
2017/01/18 Python
Python 3中的yield from语法详解
2017/01/18 Python
实例讲解Python中整数的最大值输出
2019/03/17 Python
python flask搭建web应用教程
2019/11/19 Python
巧克力领导品牌瑞士莲美国官网:Lindt Chocolate美国
2016/08/25 全球购物
加拿大奢华时装品牌:Mackage
2018/01/10 全球购物
俄罗斯金苹果网上化妆品和香水商店:Goldapple
2019/12/01 全球购物
财务学生的职业生涯发展
2014/02/11 职场文书
2015年技术工作总结范文
2015/04/20 职场文书
2015年小学校长工作总结
2015/05/19 职场文书
导游词之珠海轮廓
2019/10/25 职场文书
基于Redis位图实现用户签到功能
2021/05/08 Redis
微软Win11有哪些隐藏功能? windows11多个功能汇总
2021/11/21 数码科技
angular4实现带搜索的下拉框
2022/03/25 Javascript