jQuery 查询选择器 : is there benefit to selecting by class AND id?

Question

我继承了一些旧的 jquery 代码，并且我注意到原始开发人员到处都使用查询选择器“.class #id”。例如:

 $('.red #mydiv')

这更好、更差还是完全相同

 $('#mydiv')

为什么？性能原因？

我好奇的心非常想知道!

Answer 1

最快的方法是使用 ID 选择器:$('#mydiv') 或 document.getElementById("mydiv")。

在您的具体情况下，您可以考虑(如果该代码的作者实际上知道他在做什么)，也许 jQuery 代码在以下方面是通用的:

• 所有页面都处理相同的 jQuery 代码
• #mydiv 可以出现在多个页面但不同的位置
• 在某些页面中，它位于 .red
• 仅针对 #mydiv 出现在 .red 内的情况

因此

$('.red #mydiv').text("Hello, World!")

page1.html

<div class="red">
   <div id="mydiv">Hello, World!</div>
</div>

page2.html

<div class="blue">
   <div id="mydiv"></div>
</div>

为选择器添加一层额外的特异性。