getElementById vs $（'＃element'）vs window.document.links [n]

Question

我认为快速的顺序是：

1. 元素数组：document.links [0] //为0正确索引
2. 原生JavaScript 获取ID：document.getElementById（'linkid'）
3. JQuery Selector ：$（'＃linkid'）

我是对的吗？

是否有工具或方法来测试这种疑惑的表现？

谢谢！

Answer 1

直到/如果jsperf重新联机，您可以使用benchmark.js。它是jsperf在内部用来衡量绩效的原因。

如果您担心性能，那么javascript优化可能不是答案，但上下文是关键。

即。使用document.getElementById与$('#')之间的区别与首先加载和不加载jQuery相比无差别。

在您的示例中，您对性能的顺序是正确的，但是您的第一个案例document.links[0]是编写代码的一种不好的方式，它更难维护和阅读vs getElementById并且不是＃39;灵活的html / dom更改。