`

jquery xpath选择符

 
阅读更多
1. $('a[@title]')
   选择所有带title属性的链接。
2. $('div[ol]')
   取得包含ol元素的所以div元素
3. 正则表达式
css:
    a {
         color: #00f;
    a.mailto {
         color: #f00;
    a.pdflink {
         color: #090;
    a.mysite {
         text-decoration: none /*移除内部链接的下划线*/
          border-bottom: 1px dotted #00f;
    }

js:

  $(document).ready(function() {
    /* 查找所有带href属性且以mailto开头的锚元素a */
    $('a[@href^="mailto:"]').addClass('mailto');
    /* 查找所有带href属性且以.pdf结尾的锚元素a */
    $('a[@href$=".pdf"]').addClass('pdflink');
    /* 取得所有跟mysite.com相关的链接 */
    $('a[@href*="mysite.com"]').addClass('mysite');
)
分享到:
评论

相关推荐

    jQuery 选择符详细介绍及整理

    jQuery支持多种选择方式,包括CSS选择符、XPath选择符以及一些自定义的选择符,这些选择符帮助开发者更精确地定位页面上的元素。 1. CSS选择符: - ID选择符:`$('#title1')` 用于选取具有指定ID(如`title1`)的...

    初窥JQuery(一)jquery选择符 必备知识点

    JQuery还支持XPath选择符,尽管自1.3版本后已经不推荐使用,但它们依然很有用。例如,`$("[@title]")`选择所有具有title属性的元素,`$("[@title^='t']")`选择所有title属性以t开头的元素,`$("[@title$='t']")`选择...

    JQuery基础教程(中文高清版)电子书_part2

    2.1 DOM 2.2 工厂函数$() 2.3 CSS选择符 2.4 XPath选择符 2.5 自定义选择符 2.6 DOM遍历方法 2.7 访问DOM元素 2.8 小结第3章 事件——扣动扳机 3.1 在页面加载后执行任务 3.1.1 代码执行的时机选择 ...

    jquery基础入门教程

    1.第1章 jQuery入门 11.1 jQuery能做什么 11.2 ...2.第2章 选择符——取得你想要的一切 102.1 DOM 102.2 工厂函数$() 112.3 CSS选择符 112.4 XPath选择符 142.5 自定义选择符 162.6 DOM遍历方法 

    jQuery入门教程

    jQuery支持多种选择符,包括按ID选择(#...), CSS选择符,XPath选择符,以及相对位置查找。例如,`$('#id')`用于获取指定ID的元素,而`.is('选择符')`用于判断元素是否匹配特定选择符。 3. **jQuery对象** jQuery...

    jquery手冊--jquery.chm

    jQuery $(String expr,Element|jQuery context) 这个函数接收一个包含CSS或基本的XPath选择符的字符串,然后用这个字符串去匹配一组元素。 jQuery $.extent(Object prop) 扩展jQuery对象 Object $.extent(Object ...

    JQuery常用函数及功能

    JQuery的选择符是其最强大的特性之一,它结合了CSS和XPath的能力,并提供了额外的功能。 **3.1 常用的选择符** - **根据标签名**: `$('p')` 选择文档中的所有 `<p>` 元素。 - **根据ID**: `$("#some-id")` 选择具有...

    jquery学习笔记

    jQuery支持CSS选择符、XPath选择符和其他自定义选择符,增强了选择元素的能力。 ### 7. 事件处理 - `$(‘’).bind(‘’, function())`: 绑定事件处理函数,`this`在此函数内指代当前元素。可以传递参数,如`$('p')....

    jQuery学习文档

    - **选择符(selector)** 用于选取 HTML 元素,可以是 CSS 或 XPath 选择器。 - **jQuery 的 action()** 是执行对选取元素的操作,如 `.hide()`、`.show()` 等。 3. **文档就绪函数**: - `$(document).ready...

    jquery-API.pdf

    - **功能描述**:根据 CSS 或 XPath 选择符查询元素。 - **参数说明**: - `String expr`:选择符字符串。 - `Element|jQuery context`:查询上下文,默认为当前文档。 - **应用场景**: - 查询文档中的元素。 -...

    常用的JQuery函数及功能小结_.docx

    - **XPath 选择符**:jQuery也支持XPath,如`$("a[@title]")`选择所有有`title`属性的链接,`$("div[ol]")`选择包含`ol`元素的`div`。 - **JQuery 自定义选择符**:例如`:eq(index)`选择指定索引的元素,`:nth-...

    js和jquery常用总结

    **概述**:jQuery 支持多种选择符,包括基于 CSS 和 XPath 的选择符,以及自定义的选择符,这些选择符可以帮助我们更加灵活地选择页面中的元素。 - **使用 CSS 选择符**:通过标准的 CSS 选择符来选择元素。 - **...

    jQuery 教程.doc

    - **选择符 `selector`**:用于“查询”和“查找” HTML 元素。 - **动作 `action()`**:对选中的元素执行操作。 - **示例**: - `$(this).hide()`:隐藏当前元素。 - `$("p").hide()`:隐藏所有 `<p>` 元素。 ...

    JQUERY学习笔记

    - **XPath选择符**:虽然jQuery主要支持CSS选择符,但它也提供了通过`.filter()`方法结合XPath表达式的功能。 - **其他选择符**:jQuery还提供了一些额外的选择符,如`:hidden`, `:visible`, `:first`, `:last`等...

    jquery学习笔记附带例子

    jQuery允许开发者使用自定义选择符,这些选择符的语法类似于CSS伪类。例如,`:eq(index)`用于选取元素集合中的特定索引位置的元素,而`:odd`和`:even`分别用于选取序列中的奇数和偶数位置的元素。通过`td:contains('...

    jquery历史版本

    - 移除了对XPath选择器的支持,因为CSS选择器已经足够强大。 - 支持更灵活的效果定制。 - 新增命名空间事件,方便插件开发。 #### 五、jQuery UI(2007年9月) - **简介**:这是一个独立的项目,提供丰富的UI...

    小黄瓜.zipJQuery插件

    同年9月,jQuery 1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目...

    蓝色的.zipJQuery插件

    同年9月,jQuery 1.2版发布,它去掉了对XPath选择符的支持,原因是相对于CSS语法它已经变得多余了。这一版能够对效果进行更为灵活的定制,而且借助新增的命名空间事件,也使插件开发变得更容易。同时,jQuery UI项目...

    XPath 教程 关于 XML语言解析

    3. 选择器和轴:XPath使用轴(Axis)来描述节点之间的关系,如子节点(child)、父节点(parent)、属性(attribute)等。`/books/book/author` 使用子轴选取每个 "book" 元素下的 "author" 子元素。 4. 函数和操作...

Global site tag (gtag.js) - Google Analytics