jQuery XPath 是一个 jQuery 插件,实现了全功能的 XPath 2.0 查询语言。
示例代码:
$(document).xpath("*"); // Returns {Element} html (direct child of context item - document) $(document).xpath("//head << //body"); // Returns {Boolean} true (head is preceding body) $(document).xpath("//*[parent::html][last()]") // Returns {Element} body (last child of html) $(document.body).xpath("count(ancestor::node())"); // Returns {Number} 2 (2 ancestor nodes) $(document.body).xpath("preceding-sibling::element()"); // Returns {Element} head (prev sibling) $(document.documentElement).xpath("body | head"); // Returns {Element} head and body (ordered) $(document.documentElement).xpath("body, head"); // Returns {Element} body and head (not ordered)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript"> $(function()
我们根据实例来解释jquery选择器(selectors)中xpath几种常用的用法 比如下面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>
//*[@class='foo' or contains(@class,' foo ') or starts-with(@class,'foo ') or substring(@class,string-length(@class)-3)=' foo'] 比起CSS的.foo,真的是好复杂,我来解释一下,一个元素的class属性中如果包含'foo',可能有四种情况,列出表来是这样的: class=
比如下面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="ff
1. $('a[@title]') 选择所有带title属性的链接。 2. $('div[ol]') 取得包含ol元素的所以div元素 3. 正则表达式 css: a { color: #00f; a.mailto { color: #f00; a.pdflink { color: #0
jQuery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。 同时使用CSS和XPath 看几个例子: 隐藏所有包含有链接的段落: $("p[a]").hide(); 显示页面的第一个段落: $("p:eq(0)").show(); 隐藏
我们根据实例来解释JQuery选择器(selectors)中xpath几种常用的用法 比如下面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>
jQuery的选择器是CSS 1-3,XPath的结合物。jQuery提取这二种查询语言最好的部分,融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS(绝大部分WEB开发者都用到的),那么你学起来就很容易了。 同时使用CSS和XPath 看几个例子: 隐藏所有包含有链接的段落: $("p[a]").hide(); 显示页面的第一个段落: $("p:eq(0)").show(); 隐藏
功能如下: 1 2 3 4 如果传入id="span_3"的元素,生成的xpath是body>ul[0]>li[0]>span[2]实现如下文js代码,需引入jqueryfunction getPath($ele) { function path(el, obj) { if (el[0].nodeName === 'BODY') { obj['BODY'] = '' return obj } el
利用Selenium在做前端UI自动化的时候,在元素定位方面主要使用了XPATH和jQuery两种方法。XPATH作为主要定位手段,jQuery作为补充定位手段。因为在通过XPATH进行定位的时候,Selenium是通过游览器原生的API进行操作,更接近模拟用户的操作;而通过jQuery作为定位的时候,实质是向游览器发送一段JavaScript代码,虽然可以达到目的,但模拟效果不如前者。 以下列举