dom元素与jquery对象的性能

Question

哪一个更快

document.getElementsByName('tempName')[0].value

或

$('[name="tempName"]')[0].value

我想知道，因为我正在编写js代码，我必须在单个字段的每次更改时使用它大约1万次，我想知道它对性能的影响。

Answer 1

第一个似乎更快。使用纯javascript。

使用jsperf进行测试：http://jsperf.com/performance-fsdfsd

Answer 2

纯JavaScript应该在这里工作得更快。所以这个是

document.getElementsByName('tempName')[0].value

Answer 3

第一个。毫无疑问。不需要进行单一的测试。

---

但是，您应该问自己的问题是：

• 多少钱？
• 这真的很重要吗？
• 你担心这些东西你的应用程序有多大？
• 是否值得牺牲可读性＆amp;跨浏览器支持如此微小的收益？

如果你可以不用jQuery作为依赖，那么你可以节省自己和你的用户一些宝贵的字节。但是，如果你无论如何在页面的其他地方需要jQuery，我不认为这样的摆弄会带来真实的差异。

---

底线：您应该测试您的真实示例，而不仅仅是这一个抽象线。 vanilla JavaScript可能会更快，但如果与您的应用没有区别，那么为什么要这么麻烦呢？