`

jquery选择器匹配方式

 
阅读更多
          一直了解jQuery的优势之一是支持强大的选择器,只知道支持css1-3的几乎所有选择器。没有深入探究过具体选择器内部匹配是怎么实现的,查阅资料才了解这点,整理去下:
        1.3版使用了全新的选择符引擎Sizzle,库的性能也因此有了极大提升,支持了事件委托。

那么Sizzle是什么呢?
        我们知道一般选择器的匹配模式,都是一个顺序的思维方式,需要递进式匹配。
         Sizzle采取了相反Right To Left的实现方式。


比如页面现在有一个div嵌套一个span标签,$(‘div span’) 这样的匹配时:
1)一般选择器执行的操作都是先匹配页面中div然后再匹配它的节点下的span标签,之后返回结果。
2)Sizzle会先搜寻页面中所有的span标签,再其后的操作中才去判断它的父节点(包括父节点以上)是否为div,是则压入数组,否则pass,进入下一判断,最后返回该操作序列。
分享到:
评论

相关推荐

    JQuery选择器测试 离线版

    离线版的“JQuery选择器测试”提供了实践这些选择器的平台,通过输入不同的选择器表达式,可以直观地看到匹配到的元素。这对于开发者来说是一个非常实用的工具,可以快速验证选择器的正确性和效率。在实际项目中,...

    jQuery基础选择器练习题

    在JavaScript的世界里,jQuery是一个非常流行和...记住,熟练掌握jQuery选择器将极大地提升你的前端开发效率,让你编写出更加简洁高效的代码。在学习过程中,不断实践和应用这些知识点,你将会成为一个jQuery的大师。

    jQuery选择器大全

    ### jQuery选择器大全详解 #### 引言 在前端开发领域,jQuery因其强大的功能和简洁的语法而备受青睐。选择器作为jQuery的核心组件之一,扮演着桥梁的角色,连接DOM操作与CSS选择。本文旨在深入解析jQuery提供的48...

    jQuery选择器大全(48个代码片段 21幅图演示)

    **jQuery选择器大全** jQuery库以其易用性和强大的选择器功能而闻名,使得JavaScript开发者能够更轻松地操作DOM(文档对象模型)。以下是一份详细的知识点概述,涵盖了jQuery中的主要选择器及其应用。 1. **基本...

    jquery选择器入门详解小案例

    本篇文章将深入探讨jQuery选择器的入门知识,并通过实际的小案例帮助你理解和应用这些选择器。 jQuery选择器是jQuery库的核心部分,它们是用于在HTML文档中查找元素的工具。jQuery支持多种CSS选择器,包括基本选择...

    jQuery选择器的一个Bug

    总之,理解jQuery选择器的工作方式,关注其版本更新中的修复和改进,以及熟练使用开发者工具,都是应对jQuery选择器Bug的关键。在实际开发过程中,我们需要持续学习和适应,以确保我们的代码能够稳定、高效地运行。

    jQuery选择器速查表

    ### jQuery选择器速查表知识点 jQuery选择器是jQuery库中用于选取HTML元素的强大工具。通过不同的选择器,我们可以轻松地选中页面中的元素并进行操作。本速查表将介绍几种不同类型的选择器,以供查询和参考。 ####...

    Jquery 选择器整理

    综上所述,jQuery选择器提供了一套强大且灵活的工具,帮助开发者高效地选择和操作DOM元素。无论是简单的元素选择还是复杂的条件过滤,都能轻松实现。在实际开发过程中,合理运用这些选择器可以极大地提高代码的效率...

    经典的jQuery选择器应用例子

    本篇文章将深入探讨jQuery选择器的详细应用,通过一系列经典实例来帮助你更好地理解和运用这些选择器。 1. 基本选择器: - `$("#id")`:通过ID选取元素,例如`$("#myDiv")`会选择id为"myDiv"的元素。 - `$("....

    jQuery选择器.rar

    这个名为"jQuery选择器.rar"的压缩包文件显然包含了关于jQuery选择器的相关学习资源,可能包括示例代码、教程文档等。这些内容可能与《锋利的jQuery第二版》这本书中的章节相匹配,该书是jQuery学习的经典参考资料之...

    Java模拟Jquery选择器

    本主题将深入探讨如何使用`org.htmlparser.Parser`这个Java库来模拟JavaScript中的jQuery选择器,以实现类似的页面元素查找功能。 `org.htmlparser.Parser`是HTMLParser项目的一部分,它是一个用于解析HTML文档的...

    jquery 选择器 描述

    在深入探讨jQuery选择器及其应用之前,我们先简要回顾一下jQuery是什么。jQuery是一个快速、简洁的JavaScript库,它的设计宗旨是“写得更少,做得更多”。它极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互,...

    jquery选择器学习文档

    - `:has(选择器)`:选取包含特定选择器匹配元素的元素,如`$("div:has(p)")`选取包含`<p>`的`<div>`。 - `:parent`:选取含有子元素或文本的元素,如`$("div:parent")`选取非空的`<div>`。 5. **可见性过滤选择器...

    jquery样式选择器插件源码demo

    通过阅读和理解这段源码,开发者不仅可以学习到jQuery选择器的工作原理,还能提升对CSS选择器、DOM操作以及JavaScript性能优化的理解。 总结来说,这个"jquery样式选择器插件"是一个浓缩的精华,它展示了如何用最少...

    基于jQuery选择器的整理集合

    jQuery选择器是jQuery库的核心部分,它提供了一种高效的方式来选取和操作DOM元素。这篇文章将对jQuery选择器进行深入的整理和介绍。 首先,jQuery选择器可以分为基本选择器、层级选择器、属性选择器、内容选择器...

    jQuery选择器

    ### jQuery选择器详解 #### 一、基本选择器:快速定位DOM元素 基本选择器是jQuery中最常用的选择器之一,用于快速定位文档中的特定元素。它包括: - **ID选择器**:`#id` - 匹配文档中带有指定ID的单一元素。例如...

    Jquery实验室的选择器工具

    **jQuery选择器工具详解** jQuery库是JavaScript中最广泛使用的库之一,它简化了DOM操作、事件处理、动画制作以及Ajax交互。在这个“jQuery实验室的选择器工具”中,我们将深入探讨jQuery选择器的强大功能,它是...

    jquery城市选择器

    《jQuery城市选择器详解》 在网页开发中,常常需要为用户提供便捷的城市选择功能,以满足用户在填写地址或选择服务区域时的需求。jQuery城市选择器便是为此而设计的工具,它结合了jQuery库的强大功能,实现了高效、...

    RIA应用开发:2-jquery选择器.ppt

    RIA 应用开发之 jQuery 选择器 jQuery 选择器是 RIA 应用开发中一个非常重要的概念, jQuery 选择器是 jQuery 库中的一部分,主要用来选择和操作 HTML 文档中的元素。下面是 jQuery 选择器的详细知识点: 1. ...

Global site tag (gtag.js) - Google Analytics