缓存变量时，调用它的最佳方法是什么

When caching vars, what is the best way to call it?

本文关键字：最佳方法是什么调用变量缓存更新时间：2023-09-26

如果你缓存一个变量：

var something = $('#something');

我看到它后来被用作：

$(something).doAction();
something.doAction();

使用两者有区别吗？我已经开始使用 something.doAction（），因为它看起来更干净、更易于阅读。但我想知道这是否会导致任何问题？

$(...)返回一个 jQuery 对象。

如果将 jQuery 对象放在变量中，则当您稍后检查该变量时，该变量仍将在其中保存一个 jQuery 对象，就像您可能放入变量的任何其他内容一样。

没有神奇的小鬼会来摆脱你背后的jQuery对象。
（除非您不小心将其他内容放入变量中的其他地方）

这与

jQuery无关。这只是Javascript的一个基础。

var x = foo();
x.something();

当然和foo().something()一样。去学习编程或Javascript，直到这有意义。

something是一个

jQuery对象，没有必要用美元符号将其放在括号中，如下所示： $(something)

jQuery 选择器返回 jQuery 对象，这里的情况$('#something')。

好的命名习惯是将某些东西命名为 $something，这样您就知道变量包含 jQuery 对象。

同样很好地使用 $（..）示例，将 html 包装为字符串以获取 jQuery 对象，如下所示：

$divObject = $('<div>Some text</div>');
$divObject.text(); // value is 'Some text'

只需将其保留为jquery对象，以便以后使用它或避免重复。

var $button = $('#button');
$button.click(function(){
//some code here
});
//now applying some style to it
$button.css({color:"#ccc",background:"#333"});

或者可以替换为

var $button = $('#button').css({color:"#ccc",background:"#333"});
$button.click(function(){
//some code here
});

或

$('#button').css({color:"#ccc",background:"#333"}).click(function(){
//some code here
});;

更新：

有时，如果您查找按钮，jquery 会返回按钮，而不是对象，因此要编辑或执行某些操作，您可以将其作为参数传递给 jquery 构造函数。

这里有一个小例子。您只是在寻找按钮，jquery 返回该按钮，但如果您需要应用某些样式、事件等，则需要将其作为参数传递给 jquery 构造器 ($ or jQuery)。这里另一个没有构造函数

不起作用