在javascript库中整合Sizzle(Sizzle引擎的使用)

最新推荐文章于 2024-05-09 09:44:42 发布
最新推荐文章于 2024-05-09 09:44:42 发布
阅读量211 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/rexz/archive/2009/09/02/1558555.html
本文介绍Sizzle.js，这是一个从JQuery中独立出来的强大的DOM元素选择器，符合CSS2规范。Sizzle可方便地集成到自定义库中，通过简单的API如Sizzle(selector, ctx)即可实现对DOM树的有效解析。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一个好的js lib里面，强大的DOM树解析功能已经是不可或缺的了。
JQuery的符合Css2的元素选择器已经独立出来，称为Sizzle (http://sizzlejs.com/).
将Sizzle集成到我们自己的类库中很方便, 主要的API之一就是
Sizzle(selector, ctx)
selector是符合Css规范的选择器字符串，如#id, .class等， ctx可以为空，如果传入某个DOM元素，那么会在这个元素的子节点里面搜索。返回值是一个DOM element的数组（注意是数组，即使你使用的是#id的选择）。

转载于:https://www.cnblogs.com/rexz/archive/2009/09/02/1558555.html

Just do it
关注
探索jQuery的自定义选择器及应用
小白菜的博客
07-01 614
本文旨在全面介绍jQuery自定义选择器的概念、实现原理和实际应用。我们将涵盖从基础语法到高级用法的所有内容，适合不同水平的jQuery开发者学习和参考。文章将从jQuery选择器的基础知识开始，逐步深入到自定义选择器的实现原理，最后通过实际案例展示其应用场景和性能优化技巧。jQuery选择器：用于选择和操作DOM元素的表达式自定义选择器：开发者自行定义的扩展选择器Sizzle引擎：jQuery内部使用的选择器引擎自定义选择器允许你创建自己的选择规则，就像为图书馆添加新的分类标准。
Sizzle的
05-25
NULL 博文链接：https://wubinclat.iteye.com/blog/471850
sizzle
可了不得
02-26 7125
看看我之前写的笔记还是有所收获的，在jquery这一课中提到了一个Sizzle运行机制。那么什么是sizzle那？   官方解释是：sizzle是一个纯粹的javascript css选择器引擎，可以轻松的插入主机库。    sizzle选择符的实现：在jQuery的基础教程中有这样的描述，在把选择符表达式传递给$()函数的时候，jquery的sizzle引擎会解析这个表达式，并确定如何收集该表达...
sizzle.js学习笔记利用闭包模拟实现数据结构：字典（Map）
不断成长的我
06-30 1598
sizzle.js学习笔记利用闭包模拟实现数据结构：字典（Map） 这几天学习和查看了jQuery和Property这两个很流行的前端库的御用选择器组件Sizzle.js的源代码，收获还是相对多的！之前一直做使用Java语言开发，其丰富的组件类库使得开发效率那叫一个快呀！突然转来做JavaScript一时间还有点儿不适应（快半年了），不过自从看见那么多漂亮的网站和对JavaScript接触的越来
（五）JS学习笔记 - Sizzle选择器
weixin_30333885的博客
12-24 119
Sizzle词法解析 sizzle对于分组过滤处理都用正则，其中都有一个特点，就是都是元字符^开头，限制匹配的初始，所以tokenize也是从左边开始一层一层的剥离。 •可能会应用到正则如下： // 空白 var whitespace = "[\\x20\\t\\r\\n\\f]"; // 匹配\后任意字符,字母或数字或-,ascii值非\x00-\xa0范围内的字符 var ...
jQuery中的选择器引擎Sizzle
weixin_33910137的博客
07-12 215
读Sizzle的源码，分析的Sizzle版本号是2.3.3。 Sizzle的Github主页 浏览器原生支持的元素查询方法： 方法名 方法描述 兼容性描述 getElementById 根据元素ID查询元素 IE6+, Firefox 2+, Chrome 4+, Safari 3.1+ getElementsByTagNa...
Sizzle前端框架源码解读与模块依赖处理
3. **兼容性**：Sizzle的设计理念中包含与其他库的兼容性，即在同一个项目中可以集成Sizzle框架，同时使用其他JavaScript库，如jQuery，而不产生冲突。这种兼容性在多种JavaScript库共存的复杂项目中非常宝贵。 ###...
探索jQuerytools：强大的JavaScript UI工具库
它使用Sizzle选择器引擎，这意味着它支持CSS3选择器，这也增加了它的灵活性。 ### 知识点四：与其他JavaScript库的关系 虽然jQuerytools可以独立使用，但是它与jQuery库的整合使用可以让开发者享受到更加方便快捷...
最新《jQuery 1.6 API 中文手册》chm版发布
在学习和使用jQuery时，开发者应注重实战项目的应用，通过编写代码来实践手册中的理论知识，这将有助于加深对jQuery库的理解和掌握，提升开发效率和项目质量。此外，对于一些遗留项目，了解和维护旧版jQuery代码也是...
Vue2 添加数据可视化支持的方法步骤
10-17
以下是一步一步介绍如何在Vue2项目中集成数据可视化功能，主要使用的是clay-core库。 **一、安装clay-core库** 在开始之前，首先确保你的项目已经配置了Vue2。然后，通过npm来安装clay-core库： ```bash npm ...
jQuery中的Sizzle引擎分析
12-27
在 http://www.cnblogs.com/strick/p/5078435.html 有描述
sizzle-pseudos:jQuery和Sizzle的很酷的自定义伪选择器的集合
05-02
jQuery / Sizzle自定义伪选择器 只是我的伪装收藏。 表现 请注意将通过这些选择器传递多少个元素，因为它们将无法利用本机DOM querySelectorAll()方法提供的性能提升。 为了在使用这些伪指令中的任何一个时获得最佳性能，请首先使用本机选择器缩小集合范围，然后使用.filter(":pseudo()") 。 可用的伪 -选择具有共同祖先的元素。 -选择当前视口内的元素。 -查找具有与给定RegExp匹配的属性的元素。
Sizzle.js分析
12-21 281
注：分析的是Sizzle.js最新版本（截至2011-12-21）1. chunker那段表达式：varchunker=/((?:\((?:\([^()]+\)|[^()]+)+\)|\[(?:\[[^\[\]]*\]|['"][^'"]*['"]|[^\[\]'"]+)+\]|\\.|[^>+~,(\[\\]+)+|[>+~])(\s*,\s*)?((?:.|\r...
推荐Sizzle：纯JavaScript CSS选择器引擎
最新发布
gitblog_00061的博客
05-09 416
推荐Sizzle：纯JavaScript CSS选择器引擎 去发现同类优质开源项目:https://gitcode.com/ 在Web开发中，高效地选取DOM元素是至关重要的一步。Sizzle是一个专为此设计的纯JavaScript CSS选择器引擎，它的目标是易于集成到任何主机库中。让我们深入了解这个强大的工具。 项目介绍 Sizzle是一个小巧而强大的库，它提供了与jQuery相似的CSS选择...
javascript库学习之sizzle
06-05 340
<br /><br />sizzle也是另外一个专业的CSS选择器<br /> <br /> <br /> http://sizzlejs.com/<br /> <br /> <br />原理：首先用var chunker = /((?:/((?:/([^()]+/)|[^()]+)+/)|/[(?:/[[^/[/]]*/]|['"][^'"]*['"]|[^/[/]'"]+)+/]|//.|[^ >+~,(/[//]+)+|[>+~])(/s*,/s*)?((?:.|/r|/n)*)/g来分析select
sizzlejs选择器
hqmln的博客
01-31 599
解析jQuery选择器引擎Sizzle jQuery从1.3版本开始，使用了新的选择器引擎Sizzle(官方网址http://sizzlejs.com)。Sizzle是jQuery作者John Resig开发的DOM选择器引擎(Dom Selector Engine)，速度号称业界第一。而且它有一个重要的特点就是Sizzle是完全独立于jQuery的，如果用户不想用jQuery，还可以只用Si...
Sizzle源码
schifred的博客
11-07 457
首先使用原生语句查找，其次在context下找到所有节点元素，校验元素是否匹配选择器，进行过滤，获取到待查询的元素。 过滤时分为两种情形，针对选择器是否带:first()等位置关系伪类，若携带，setMatcher函数得到过滤函数，:first()伪类的校验函数也通过引用对象的形式“滤除“未匹配的节点；若不携带，elementMatcher得到校验函数，其中层级关系如“#form &gt; ...
jQuery源码分析（二）——Sizzle
蚂蚁的洞
12-16 878
在这一章中我们将重点分析jquery的选择器引擎。jquery在3.4版本后，将选择器引擎抽取出来单独放到了Sizzle.js 文件中，本文将基于这个版本来进行分析。 创建缓存 // line 40 创建缓存 classCache = createCache(), tokenCache = createCache(), compilerCache = createCache(), nonnativ...
Sizzle详解
Mortimer's Blogs
09-06 2625
今天重新看了一些博客对sizzle解析，有了一点新收获。 jquery的sizzle选择器引擎是一个很强大的功能，兼容了很多种选择器匹配的写法，比如可以使用它们的 id, 类, 类型, 属性, 属性值、伪类等来选取元素。废话补多说，下面来对sizzle做个大概的分析： 1、Sizzle整体结构 if(document.querySelectorAll) { sizzle = fun...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值