javascript - 使用选择器在 jQuery 中的性能

Question

我在想事情...

如果我需要获取内容或将点击功能附加到 div，作为选择器的结构，它是这样的:

$('body #content #sidebar .modalwindow #global-content')

我想定位#global-content，选择器的最终ID。什么更好？只需将其定位为 $('#global-content') 并做我想做的事或给它所有的路径？

Answer 1

$('#global-content') 是最好用的选择器，尽管可能整个选择器会以相同的方式执行(如果 jQuery 从右到左开始，我不确定它确实如此)。 ID 应该是唯一的，getElementById() 是最快的 native 浏览器方法，因此 $('#global-content') 是最快的选择器。

还请记住，当您在 DOM 树中搜索正好低一级的内容时，您可以将 > 放在选择器中。示例:

$('body .content') 等同于 $('body').find('.content')

$('body > .content') 等同于 $('body').children('.content')

第二个更快。