解耦jquery，嘶嘶声？

Question

有谁有关于解耦 jquery / sizzle 的经验/见解吗？

这是为了一般利益，但这里的场景引发了我的问题：

..我的项目中已经有 jquery 了。想尝试 http://ecsstender.org/，它需要 Sizzle 选择器引擎。 我真的不想包含 Sizzle 的第二个副本 - 它已经是 jquery 的一部分..

• 宁愿做这样的事情： http://forum.jquery.com/topic/further-decoupling-sizzle-and-jquery
• 例如创建一个依赖于外部版本而不是嵌入版本的 jquery 构建Sizzle - 因此 jquery、eccstender 或其他脚本可以使用相同的 Sizzle 库。

似乎是个好主意。虽然我猜这可能会损害性能，并且我希望看到与 jQuery 生产版本的基准比较。

有谁知道这是否已经完成？ （github fork？）或者有充分的理由反对这种方法吗？ 。

Answer 1

不需要将 Sizzle 包含在 jQuery 构建中。它可以被删除...jQuery代码所有引用Sizzle。，您可以自己抓取/编译 jQuery（包括预先的 Sizzle）并将其暴露给任何其他库（实际上并不将其包含在编译版本中，只是作为闭包编译器的外部） ）。

---

这是将其保留为嵌入状态，但公开 Sizzle 供外部使用的选项：

如果您知道将使用 jQuery（依赖项），只需在 jQuery 之后添加此内容：

​window.Sizzle = jQuery.find;

这会将 Sizzle 重新公开为您可以使用的属性使用。

---

这是从嵌入中删除 Sizzle 的手动版本：

在 jQuery 中 (版本 1.4.3 链接）您将看到以下内容：

/*!
 * Sizzle CSS Selector Engine - v1.0
 *  Copyright 2009, The Dojo Foundation
 *  Released under the MIT, BSD, and GPL Licenses.
 *  More information: http://sizzlejs.com/
 */
(function(){
//...
//lots of code!
//...

// EXPOSE
jQuery.find = Sizzle;
jQuery.expr = Sizzle.selectors;
jQuery.expr[":"] = jQuery.expr.filters;
jQuery.unique = Sizzle.uniqueSort;
jQuery.text = Sizzle.getText;
jQuery.isXMLDoc = Sizzle.isXML;
jQuery.contains = Sizzle.contains;

})();

将该部分替换为 only：

(function(){    
// EXPOSE
jQuery.find = Sizzle;
jQuery.expr = Sizzle.selectors;
jQuery.expr[":"] = jQuery.expr.filters;
jQuery.unique = Sizzle.uniqueSort;
jQuery.text = Sizzle.getText;
jQuery.isXMLDoc = Sizzle.isXML;
jQuery.contains = Sizzle.contains;    
})();

然后您需要在 include Sizzle before jQuery 并且它会正常工作。

这是一个显示其工作原理的小提琴，包括直接来自 github 的 Sizzle，不是 嵌入 jQuery。

Answer 2

如果您想将 eCSStender CSS3 选择器模块与 jQuery 中捆绑的 Sizzle 一起使用，您可以这样做：

eCSStender.addMethod('findBySelector',function(selector){
  var els = [];
  jQuery(selector).each(function(){
    els.push(this);
  });
  return els;
});

可能有一种更简单的方法来直接获取实际的元素集合（而不是使用数组的假集合），但现在还为时过早我的大脑还不能正常工作。