jQuery 效率

Question

我有这样的查询:

$('#tabContainer li');

JetBrains WebStorm IDE 将其突出显示为低效查询。它建议我改用这个:

$('#tabContainer').find('li')

如何解释？是否有文档解释此类情况？

Answer 1

在此article ，有部分特异性(第四点)。

如果您有$('#tabContainer li')，您在文档中的所有li 将被查询。然后将检查每个 li 以查看它们是否具有父级 #tabContainer。

为了更快，可以使用 $('#tabContainer').find('li')。将在 #tabContainer 中搜索 li，它在文档中是唯一的。

但显然，如果您选择使用 ID，性能应该不会有太大改善(来自这个 question on SO 的答案，它也谈到了特异性)。