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 相关文章推荐
extJs 下拉框联动实现代码
Apr 09 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 Javascript
原生js实现模拟滚动条
Jun 15 Javascript
跟我学习javascript的闭包
Nov 16 Javascript
AngularJs动态加载模块和依赖注入详解
Jan 11 Javascript
判断输入的字符串是否是日期格式的简单方法
Jul 11 Javascript
微信小程序 icon组件详细及实例代码
Oct 25 Javascript
d3.js实现简单的网络拓扑图实例代码
Nov 06 Javascript
js自定义瀑布流布局插件
May 16 Javascript
浅谈jQuery框架Ajax常用选项
Jul 08 jQuery
Vue + Elementui实现多标签页共存的方法
Jun 12 Javascript
javascript实现放大镜功能
Dec 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获取mysql版本的几种方法小结
2008/03/25 PHP
C#使用PHP服务端的Web Service通信实例
2014/04/08 PHP
PHP学习笔记(一) 简单了解PHP
2014/08/04 PHP
功能强大的PHP图片处理类(水印、透明度、旋转)
2015/10/21 PHP
php 开发中加密的几种方法总结
2017/03/22 PHP
Laravel 6.2 中添加了可调用容器对象的方法
2019/10/22 PHP
jQuery阻止冒泡和HTML默认操作
2010/11/17 Javascript
js解析xml字符串和xml文档实现原理及代码(针对ie与火狐)
2013/02/02 Javascript
jquery ajax 调用失败的原因示例介绍
2013/09/27 Javascript
Node.js中HTTP模块与事件模块详解
2014/11/14 Javascript
JS实现单行文字不间断向上滚动的方法
2015/01/29 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
2016/04/26 Javascript
微信小程序 配置文件详细介绍
2016/12/14 Javascript
微信小程序如何获取用户信息
2018/01/26 Javascript
Vue移动端用淘宝弹性布局lib-flexible插件做适配的方法
2020/05/26 Javascript
[01:05:29]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第二场 1月24日
2021/03/11 DOTA
python查找第k小元素代码分享
2013/12/18 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Django框架实现分页显示内容的方法详解
2019/05/10 Python
python+opencv像素的加减和加权操作的实现
2019/07/14 Python
Python阶乘求和的代码详解
2020/02/14 Python
Python3 利用face_recognition实现人脸识别的方法
2020/03/13 Python
python 实现任务管理清单案例
2020/04/25 Python
css3 transform 3d 使用css3创建动态3d立方体(html5实践)
2013/01/06 HTML / CSS
印尼在线旅游门户网站:NusaTrip
2019/11/01 全球购物
英国运动服、设备及配件网站:DW Sports
2019/12/04 全球购物
Linux如何压缩可执行文件
2013/10/21 面试题
设计总监岗位职责
2013/12/07 职场文书
《月球之谜》教学反思
2014/04/10 职场文书
资源环境与城乡规划管理专业自荐书
2014/09/26 职场文书
学院党的群众路线教育实践活动第一阶段情况汇报
2014/10/25 职场文书
2014年人事工作总结范文
2014/11/19 职场文书
终止解除劳动合同证明书
2015/06/17 职场文书
品德与社会教学反思
2016/02/24 职场文书
Django实现drf搜索过滤和排序过滤
2021/06/21 Python