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吗?
Feb 24 Javascript
js的写法基础分析
Jan 17 Javascript
jquery validate 自定义验证方法介绍 日期验证
Feb 27 Javascript
js的touch事件的实际引用
Oct 13 Javascript
JS跨域问题详解
Nov 25 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
footer定位页面底部(代码分享)
Mar 07 Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 Javascript
React实现全局组件的Toast轻提示效果
Sep 21 Javascript
推荐15个最好用的JavaScript代码压缩工具
Feb 13 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 Javascript
javascript实现倒计时关闭广告
Feb 09 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 用数组降低程序的时间复杂度
2009/12/04 PHP
yii框架配置默认controller和action示例
2014/04/30 PHP
asp函数split()对应php函数explode()
2019/02/27 PHP
分享几种好用的PHP自定义加密函数(可逆/不可逆)
2020/09/15 PHP
javascript fullscreen全屏实现代码
2009/04/09 Javascript
改善用户体验的五款jQuery插件分享
2011/05/22 Javascript
12种不宜使用的Javascript语法整理
2013/11/04 Javascript
jquery中get,post和ajax方法的使用小结
2014/02/04 Javascript
node.js中的querystring.unescape方法使用说明
2014/12/10 Javascript
javascript 动态创建表格
2015/01/08 Javascript
轻松实现javascript图片轮播特效
2016/01/13 Javascript
NodeJs的优势和适合开发的程序
2016/08/14 NodeJs
VueJS 集成 Medium Editor的示例代码 (自定义编辑器按钮)
2017/08/24 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
浅谈Vue Element中Select下拉框选取值的问题
2018/03/01 Javascript
vue路由中前进后退的一些事儿
2019/05/18 Javascript
Python 抓取动态网页内容方案详解
2014/12/25 Python
python获得linux下所有挂载点(mount points)的方法
2015/04/29 Python
python实现的文件同步服务器实例
2015/06/02 Python
浅谈Python基础之I/O模型
2017/05/11 Python
使用Python 统计高频字数的方法
2019/01/31 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
django 环境变量配置过程详解
2019/08/06 Python
python 爬虫百度地图的信息界面的实现方法
2019/10/27 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
Win10用vscode打开anaconda环境中的python出错问题的解决
2020/05/25 Python
详解通过focusout事件解决IOS键盘收起时界面不归位的问题
2019/07/18 HTML / CSS
涉外文秘个人求职的自我评价
2013/10/07 职场文书
劳资人员岗位职责
2013/12/19 职场文书
大学活动邀请函
2014/01/28 职场文书
六一亲子活动总结
2014/07/01 职场文书
2014审计局领导班子民主生活会对照检查材料思想汇报
2014/09/20 职场文书
班子查摆四风个人对照检查材料思想汇报
2014/10/04 职场文书
教师自查自纠工作情况报告
2014/10/29 职场文书
2014年收银工作总结
2014/11/13 职场文书
Python anaconda安装库命令详解
2021/10/16 Python