在jQuery中,选择器$('[id = foo]')效率低于$('#foo')吗？

Question

在jQuery中,选择器$('[id = foo]')效率低于$('#foo')吗？

Answer 1

• 简单易行:是的!

• 长篇故事(实际上仍然很短)

   $('[id=foo]')
  

  使用Sizzle(css查询引擎)来选择元素

   $('#foo') 
  

  直接打电话getElementById.

要有一个很长的故事,我们在这里:$('[id=foo]')是$('*:[id=foo]')使用通用选择器的同义词.这意味着,它会查询标记中的所有节点,然后查看其中哪些节点具有id === foo(然后希望只匹配一个元素,ID =唯一).当然,这是昂贵的,非常昂贵的.这就是为什么你永远不应该写这样的选择器! 如果可能的话,总是完全符合条件$('span:[id=foo]')