javascript - 将元素 ID 与元素对象引用存储到变量中

Question

我正在编写一个库，我需要在其中存储一些数据以便能够快速处理 DOM 元素。我不知道是否应该存储元素 ID（字符串）并执行$(document.getElementById(this.idVar)).jqueryMagic()或存储元素对象引用（对象 HTML*Element）并执行$(this.eleVar).moreJqueryMagic(). 我不介意可读性，我只想知道每种方法之间的内存空间差异和性能差异。

提前致谢！

Answer 1

如果这个级别的性能是一个问题，你不应该使用 jQuery，它比这样的细节更耗性能。（这并不是说 jQuery 不好。你通常会为它的性能付出代价，但这通常不是问题。）

如果您多次访问对象，一般的常识是存储对象引用会更快，因为您消除了一定程度的取消引用。

如果您使用 jQuery，您通常应该存储 jQuery 包装器而不是原始元素，以避免创建多余的包装器：

this.jqVar = $(document.getElementById(this.idVar))
this.jqVar.jqueryMagic()