Javascript querySelector与getElementById

时间:2014-11-10 16:24:55

标签: javascript jquery dom

我听说querySelector& querySelectorAll是选择DOM元素的新方法。他们如何与旧方法进行比较,getElementById& getElementsByClassName在性能和浏览器支持方面?

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

是否有针对哪个本机设置使用的最佳做法建议?

2 个答案:

答案 0 :(得分:96)

"更好的"是主观的。

querySelector是较新的功能。

getElementByIdquerySelector支持得更好。

querySelectorgetElementsByClassName支持得更好。

querySelector可让您查找包含无法用getElementByIdgetElementsByClassName

表达的规则的元素

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

(在上文中,querySelector阅读querySelector / querySelectorAll)。

答案 1 :(得分:36)

函数getElementByIdgetElementsByClassName非常具体,而querySelectorquerySelectorAll更精细。我猜他们实际上会有更差的表现。

此外,您需要检查所针对的浏览器中每个功能的支持。它越新,缺乏支持的可能性越大或者功能越来越差。"。