JQuery 选择器 xpath 语法应用

2016-02-19 13:06 12 1 收藏

下面，图老师小编带您去了解一下JQuery 选择器 xpath 语法应用，生活就是不断的发现新事物，get新技能~

【 tulaoshi.com - Web开发】

比如下面html代码

代码如下：

（本文来源于图老师网站，更多请访问http://www.tulaoshi.com/webkaifa/）
ul
li title="ttt"li-1/li
lili-2/li
li title="fffff"li-2/li
/ul
div title="ttt"li-1/div
divli-2/div
div title="fffff"li-2/div

第一种根据属性选择E[@attr]
$("[@title]").click()..........

即选择所有元素内属性带有title的元素
即
li title="ttt"li-1/li
li title="fffff"li-2/li
div title="ttt"li-1/div
div title="fffff"li-2/div

$("div[@title]").click()..........

选择所有div标签下的所有带title的元素
即
div title="ttt"li-1/div
div title="fffff"li-2/div

第二种根据属性值选择E[@attr=val]

$("div[@title=ttt]").click()................

选择div下所有title属性等于ttt的元素
即
div title="ttt"li-1/div

如果是 $("[@title=ttt]").click()................

所有元素下属性title等于ttt的元素
li title="ttt"li-1/li
div 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的元素

来源:http://www.tulaoshi.com/n/20160219/1602968.html

上一篇： jQuery 锚点跳转滚动条平滑滚动一句话代码
下一篇：服务器与客户机互传消息

看过《JQuery 选择器 xpath 语法应用》的人还看了以下文章更多>>

跟着Jquery API学Jquery之一选择器

标签： Web开发

有了Jquery的选择器，吃饭饭饭香，身体倍棒…… 1.基本我们知道jquery最常用的就是选择器了，我们看一下jqueryAPI中的选择器—基本中有5种情况 class ,id ,element, *,还有一个多选择器，这里我们想一下css样式的写法 css样式也有几种情况：1.类样式 2.id样式 3.标签样式，如果有一个aa的类，那么我们定义aa的样式就要写成 .aa{} 如...

JQuery 学习笔记选择器之二

标签： Web开发

代码如下: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="http://www.w3.org/1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title无标题文档/title script src="js/jquery-1.3.2.js" /script sc...

jquery之Document元素选择器篇

标签： Web开发

1.从$开始对于熟悉prototype的朋友，$符号应该很熟悉, prototype: var element = $('eleId') jquery: var element = $('#eleId') DOM: var element = document.getElementById('eleId') 以上三种选择方式是等价的,相比prototype来说jquery多了个#号例: $('#j1′).html() div id=“j1“Hello, jQuery!/content 2.通过xpath+css来...

锋利的jQuery 要点归纳（一） jQuery选择器

标签： Web开发

1 基本选择器 $(#id) 根据给定的id匹配一个元素 $(.class) 根据给定的类名匹配元素 $(element) 根据给定的元素名匹配元素 $(*) 匹配所有元素 $(selector1,selector2,...,selectorN) 将每一个选择器匹配到的元素合并后一起返回 2 层次选择器 $("ancestor descendant") 选取ancestor元素里的所有descendant（后代）元素 $("parent...

JQuery 学习笔记选择器之三