我可以强制jQuery使用Sizzle评估选择器而不使用非标准选择器吗？

Question

在现代浏览器中，当使用有效的CSS选择器时，jQuery使用document.querySelectorAll（）来提升性能。如果浏览器不支持选择器或document.querySelectorAll（）方法，它会回退到Sizzle。

但是，在调试自定义选择器时，我希望始终使用Sizzle而不是本机实现。也就是说，我正在尝试提出的实现：nth-last-child（），这是jQuery不支持的CSS3选择器之一。由于现代浏览器原生支持此选择器，因此它的工作方式如链接问题中所述。不过，正是这种行为干扰了调试我的自定义选择器，因此我希望避免它。

我可以使用的一个廉价技巧是插入一个非标准的jQuery选择器扩展，从而可以说是“使”选择器“无效”。例如，假设每个li： nth-last-child（2）都是可见的，我可以简单地将其放入，打开这个：

$('li:nth-last-child(2)').css('color', 'red');

变成这样：

$('li:nth-last-child(2):visible').css('color', 'red');

这使得它总是通过Sizzle进行评估。除此之外，这需要我对我的页面元素做出假设，这可能是真的，也可能不是真的。我真的不喜欢这样。更不用说，除非绝对必要，否则我一般不喜欢使用非标准选择器。

有没有办法跳过本机文档。querySelectorAll（）方法，并强制jQuery使用Sizzle来计算选择器，而不是使用非标准选择器？很可能，这需要调用另一个方法，而不是调用$（），但这比选择器黑客IMO要好得多。

Answer 1

看起来jQuery.find默认为sizzy。这将通过将本机函数设置为null来避免您破坏环境。

https://github.com/jquery/jquery/blob/master/src/sizzle-jquery.js#L3

因此，您应该能够执行以下操作，并且它将始终通过sizzle。

$.find('li:nth-last-child(2)')

Answer 2

由于您自己正在为选择器开发代码，因此您不能简单地在开发周期期间为它提供一个自定义名称吗？也许给它您自己的供应商前缀或其他什么？-bolt-nth-last-child（）

这样，你就会知道浏览器肯定不支持它，所以它应该总是使用Sizzle。

完成开发周期后，您可以删除-bolt-前缀。

我知道这与其说是问题的答案，不如说是一种变通方法，但对我来说，这似乎是最简单的解决方案。

Answer 3

您可以在jQuery加载之前将其设置为null，使其认为不受支持：

document.querySelectorAll = null;
//load jquery, will trigger not supported branch
//Optionally restore QSA here (save a reference) if needed

这应该使此计算结果为false

演示：http://jsbin.com/asipil/2/edit

注释掉空行并重新运行，您将看到它将变为红色。