javascript - 将 jQuery 元素存储在变量中更有效吗？

Question

请问哪个效率更高？

var myElement = $("#the-name-of-my-element")

myElement.doSomethingOnce;
myElement.doSomethingTwice;
...
myElement.doSomethingTenTimes;

或

$("#the-name-of-my-element").doSomethingOnce;
$("#the-name-of-my-element").doSomethingTwice;
...
$("#the-name-of-my-element").doSomethingTenTimes;

我有一个页面，其中 html 元素有很多变化，有时会与 JS 重复交互，所以我想知道将元素存储在变量中是否可以防止多个 jQuery“查询”。

因为我的项目是一个网络应用程序，所以我很想为浏览器调整我能做的事情。

Answer 1

缓存节点始终是一个好习惯。 JS 引擎为定位节点而必须做的工作量比您将用于存储节点的内存更昂贵(当然除非您正在存储大量的 DOM 树或其他东西)。

所以获胜者是:

var myElement = $("#the-name-of-my-element")

myElement.doSomethingOnce;
myElement.doSomethingTwice;
...
myElement.doSomethingTenTimes;