XPath选择符

XPath 是在XML 文档中识别不同元素或者元素值的一种语言，与CSS在HTml文档中识别元素的方式类似。

在涉及属性选择符是，jQuery使用了Xpath中的惯例来标识属性，即将属性前置一个@符号并放在一对方括号中，也就是说，Jquery没有采用CSS中不够灵活的属性选择符语法。例如 ，要选择所以带title属性的链接，可以使用下面代码 ：$('a[@title]')

此外，方括号在Xpath语法中还有另一中用途，即在不带前置@符号情况下，可以用来指定包含在另一个元素中的元素。例如， 我们可以通过下面的选择符表达式，取得包含一个ol元素的所有div元素：  $('div[ol]')

为连接添加样式

 

属性选择符允许以类似正则表达式的语法来标识字符串的开始（^）和结尾（$）。而且也可以使用（*）表示字符串中的任意位置。

下面我们看看Jquery为符合条件的链接添加3个类：mailto、pdflink和mysite。

alice.css

 1 .emphasized
 2    

 

alice.js

 1);

apsx

 

 1<ul id="selectedplays">
 2            <li>Comedies
 3                <ul>
 4                    <li><a href="http://www.mysite.com/asyoulikeit/">As You Like It</a></li>
 5                    <li>All's Well That Ends Well</li>
 6                    <li>A Midsummer Night's Dream</li>
 7                    <li>Twelfth Night</li>
 8                </ul>
 9            </li>
10            <li>Tragedies
11                <ul>
12                    <li><a href="hamlet.pdf">Hamlet</a></li>
13                    <li>Macbeth</li>
14                    <li>Romeo and Juliet</li>
15                </ul>
16            </li> 
17            <li>Histories
18                <ul>
19                    <li>Henry IV(<a href="mailto:henryiv@king.co.uk">email</a>)</li>
20                         <ul>
21                            <li>Part I</li>
22                            <li>Part II</li>
23                         </ul>
24                     <li><a href="http://www.shakespeare.co.uk/henryv.htm">Henry V</a></li>
25                     <li>Richard II</li>
26                </ul>
27            </li>
28        </ul>