javascript - find ('a,b' ) 比 find ('a' )+find ('b' 慢，为什么？

Question

jsperf's link

我不是 jQuery 专家(甚至不是一个好的用户)，我没有研究它的整个源代码(只有一小部分不能帮助我解决这个问题)。

有人可以为我解释一下吗？

Answer 1

这个:

$p.find("input,select");

...使用 native querySelectorAll。

这个:

$p.find("input");
$p.find("select");

...使用 native getElementsByTagName。

getElementsByTagName 速度更快，可能是因为它是一个非常简单的选择，并且存在时间更长，因此有更多时间进行优化。

此外，当 jQuery 使用 querySelectorAll 时，它会从 document 中执行此操作，即使您是从指定的上下文中搜索也是如此，因此这会产生影响。为了将结果缩小到您提供的上下文，它会更改您的选择器以使用元素的 ID，或者如果不存在则为其提供一个临时 ID。

---

我updated your test多给几个比较。表明如果您真的很关心性能，则应该使用 native API。