什么是选择器引擎？

Question

我看过这样的新闻 John Resig 的快速新选择器引擎名为 Sizzle 在很多地方都会出现，但我不知道选择器引擎是什么，也没有任何文章给出它是什么的解释。我知道 Resig 是 jQuery 的创建者，Sizzle 是 Javascript 中的东西，但除此之外我不知道它是什么。那么，什么是选择器引擎？

谢谢！

Answer 1

选择器引擎用于基于某种查询（通常是 CSS 语法或类似语法）来查询页面 DOM 中的特定元素。

例如，这个 jQuery：

$('div')

将搜索并返回页面上的所有 <div> 元素。它使用 jQuery 的选择器引擎来做到这一点。

优化选择器引擎是一件大事，因为您使用这些框架执行的几乎每个操作都基于某种 DOM 查询。

Answer 2

选择器引擎是一个 JavaScript 库，允许您使用某种字符串来选择 DOM 树中的元素来识别它们（想想 DOM 元素的正则表达式）。大多数选择器引擎使用 CSS3 选择器语法的某些变体，因此，例如，您可以编写如下内容：

var paragraphs = selectorengine.select('p.firstParagraph')

选择文档中具有类firstParagraph 的所有P 元素。

一些选择器引擎还支持 XPath 的部分实现，甚至一些自定义语法。例如，jQuery 允许您编写：

var checkedBoxes = jQuery('form#login input:checked')

选择文档中登录表单中所有选中的复选框。

Answer 3

选择器引擎是一种遍历 DOM 查找特定元素的方法。

内置选择器引擎的示例：

var foo = document.getElementById('foo');

Answer 4

此外，Sizzle 是 John Resig 目前正在开发的引擎，旨在取代 jQuery 已经很棒的选择器引擎。

Answer 5

选择器引擎用于查找文档中的元素，其方式与 CSS 样式表相同。目前只有 Safari 具有内置的 querySelectorAll 函数来执行此操作。对于其他浏览器，您必须使用外部 JavaScript 实现 骆驼实验室选择器 或用嘶嘶声代替。