javascript - 哪个效率更高？重复选择器或更简洁选择器的变量

Question

我正在尝试使用变量来存储在特定范围内多次使用的静态选择器。

• 这些变量将是全局变量，因为它们作为所有函数定义和事件监听器都直接位于 jquery 的 $(function(){ }); 范围内。
• 我可以创建一些单一的项目 id，我相信这是最快的选择器，尽管太多的 id 可能不好，并且在需要选择多个元素时无法使用。
• 对于任何非类或 id(罕见)，我在 jQuery 中使用稍微复杂的选择器或作为遍历 DOM 的 js。

为了提高效率，最好将所有重复的选择器存储在需要的最高范围内，而不是总是全局的，或者对于一些更快的选择器(例如 ID 和类)，我应该每次都创建新的选择器吗？

我注意到并听说 tagName 选择器可能效率低下，我是否应该给出这些 ID/类或创建一个 tagName 选择器一次，将其存储在 var 中并重复使用该 var。

这仅涉及静态元素，对 DOM 的更改将需要新的选择器来包含新元素。

Answer 1

缓存总是更好。所以var selected = $("#selected")总是比每次都用 jquery 选择它更好 $("#selected").doSomething() .

来自:https://code.tutsplus.com/tutorials/10-ways-to-instantly-increase-your-jquery-performance--net-5551

至于将其存储在更高的范围内，效率/速度可能取决于调用的频率。因此，如果它被大量使用，请将其放在更高的范围内。