元素名称作为常量 jquery

Question

只是想知道是否有人对命名事件中使用的 jquery 元素有任何最佳实践。例如，元素作为在顶部声明的常量变量，而不是内联。

我的问题是，我有一个非常 Jquery 繁重的客户端应用程序，并且仅使用服务器端进行数据处理和身份验证。

有了这个，看到下面的行让我有点生气：

$("#examplea").hide();
$("#exampleb").fadeIn(300);

有没有人使用任何分隔符，例如：

var examplea = "#examplea";
var exampleb = "#exampleb";

$(examplea).hide();
$(exampleb).fadeIn(300);

我认为这在某种程度上看起来更简洁，并且还意味着如果元素名称沿轨道更改并在多个位置使用，则可以在一个地方更改代码。

我想这只会成为非常大的 javascript 繁重网站的问题，所以就抛开其他人如何处理这个问题？

谢谢，

Answer 1

去 DOM 获取相同的元素相对较慢，尤其是当您经常获取这些元素时。存储它的实际 jQ 变量可能会更好：

var $examplea = $('#examplea');

以便您可以在其他任何地方使用它：

$examplea.hide();
$examplea.fadeIn(300);

Answer 2

我经常把这样的东西放在一个简单的对象字面量中，并且在某些情况下自动填充这个对象字面量。

例如。最近敲了一个撤消/重做的简单例子。它不是jQuery而是纯粹的javascript。在顶部，我自动从 DOM 中提取元素的名称。对我来说，我认为它让事情变得更干燥。

如果你看前几行，你会看到我是如何捕获所有元素并将其放入对象文字中的 'e';

Element names as constants jquery