检查选择器是否存在的最佳方法是什么？答案

【问题标题】：What is the best way to check if a selector exists?检查选择器是否存在的最佳方法是什么？
【发布时间】：2011-12-25 12:58:55
【问题描述】：

使用 JQuery，要检查选择器是否存在，我会执行以下操作：

if ($(selector).length > 0) { ... }

但我想这可能不是最好的方法，因为我只想知道选择器是否存在，而不是有多少。出于优化原因，有没有办法在第一次出现时停止搜索？

谢谢！

编辑：澄清一下：我想避免使用“长度”方法，因为它会检查所有 DOM。我只想在发现一个事件时停止

【问题讨论】：

【解决方案1】：

用这个，

if( $('#idofelement'))  or
if( $('.classname')  )

【讨论】：

【解决方案2】：

理论上，您可以将 :first 附加到查询中以限制结果 (http://api.jquery.com/first-selector/)，但实际上它会使您的查询变慢，因为它会阻止 jQuery 使用现代浏览器的原生 querySelectorAll() 功能。

【讨论】：

【解决方案3】：

没有更有效的方法可以让 jQuery 在找到匹配的元素后停止。
在 Vanilla（“纯”）JavaScript 中甚至不可能将 document.getElementsByTagName("p") 限制为仅匹配一个元素，而不会降低性能。

【讨论】：

此外，没有令人信服的理由这样做。寻找优化的机会很好，但我们在这里谈论的不仅仅是毫秒，而是纳秒。在具有 160 个跨度的测试页面上的操作 $('span').length 花费了“1 毫秒”。 1 毫秒是 .getTime() 给我们的最短时间间隔，所以它可能会更短。