jQuery选择器解析：tokenize与preFilter协同工作解析

"jQuery选择器源码解读，重点关注tokenize方法和preFilter的解析过程" 在jQuery中，选择器是用于查找DOM元素的关键部分。`tokenize`方法是解析选择器字符串的重要步骤，它将复杂的CSS选择器字符串分解成可处理的单元，称为tokens。在分析jQuery-1.10.2.js版本的源码时，我们将以`$(“div:not(.class:contain(‘span’)):eq(3)”)`这个选择器为例，来理解`tokenize`和`preFilter`如何协同工作。 `tokenize`函数的主要任务是通过遍历选择器字符串，识别并创建tokens，这些tokens可以是元素名、类名、ID、伪类等。在这个简化版的`tokenize`代码中，我们看到它首先初始化了几个变量，如`matched`、`tokens`、`type`等。`soFar`变量保存了尚未处理的选择器字符串。 代码中的循环遍历`Expr.filter`对象，该对象包含了所有可能的过滤规则。在循环内部，`matchExpr[type]`是正则表达式，用于匹配特定类型的过滤规则。如果找到匹配项，`match`变量会被设置为匹配到的结果，`matched`设为true，然后将结果推入`tokens`数组。`preFilters[type]`用于预处理匹配到的tokens，确保它们符合jQuery的要求。 `preFilters[type]`是一个函数，可以在解析之前对tokens进行进一步的过滤或转换。如果`preFilters[type]`返回新的匹配结果，那么会更新`matched`和`soFar`，以便继续处理剩余的选择器字符串。如果没有找到匹配项，`matched`保持false，直到找到下一个匹配规则为止。 如果在整个字符串中都没有找到匹配项，`tokenize`函数会停止执行。最后，如果`parseOnly`为真，返回处理后的`soFar`，否则返回`tokenCache(selector, groups)`的切片，这是为了缓存选择器以提高性能。 `Sizzle.error(selector)`会在无法解析选择器时抛出错误，提供有用的错误信息。 总结来说，`tokenize`方法是jQuery选择器解析的第一步，它将复杂的选择器字符串拆分成一个个独立的tokens，而`preFilter`则在此基础上进行进一步处理，确保tokens的正确性和适用性。通过这两个方法的协作，jQuery能够高效地处理各种复杂的选择器表达式，准确地定位到目标DOM元素。