querySelector与getElementById

Question

我听说querySelector和querySelectorAll是选择DOM元素的新方法。在性能和浏览器支持方面，它们与旧方法getElementById和getElementsByClassName相比如何？

与使用jQuery的查询选择器相比，性能如何？

对于使用哪种方法，有没有最佳实践建议？

Answer 1

“更好”是主观的。

querySelector是较新的功能。

与querySelector相比，getElementById得到了更好的支持。

与getElementsByClassName相比，querySelector得到了更好的支持。

querySelector允许您查找具有不能用getElementById和getElementsByClassName表示的规则的元素

您需要为任何给定的任务选择适当的工具。

(在上面，对于querySelector，请阅读querySelector / querySelectorAll)。

Answer 2

函数getElementById和getElementsByClassName非常具体，而querySelector和querySelectorAll则更详细。我的猜测是，他们的表现实际上会更差。

此外，您还需要检查目标浏览器中对每个函数的支持。它越新，缺乏支持或函数出现"buggy“的可能性就越高。