javascript - this.$something = this.$ ('something' ) 是什么意思？

Question

我刚刚开始浏览 backbone fundamentals并且不太明白这里发生了什么:

this.$input = this.$('#new-todo');

有人可以给我概述/分割这实际上是做什么的吗？

根据我有限的理解，this.$('#new-todo') 是一个典型的 jquery 选择器，它找到 #new-todo (一个输入)并将其提供给 this.$input，它(根据 this )是 $(this + 'input') 的简写形式，但这里是我丢失它的地方 - 为什么那真的在那里吗？它真的只是将 DOM 中的 #new-todo 分配给 $(this + 'input') 吗？如果是这样，使用 this.$('something') DOM 选择器而不是 this.$input 中的内容会更好吗？

Answer 1

代码示例正在缓存 jQuery 元素。

当您使用 jQuery 构造函数时，您是在查询 DOM；找到所有匹配的元素。根据您使用的选择器，这可能是一个非常昂贵的操作。

如果您打算多次使用一个 jQuery 对象，最好只查询一次 DOM。

这是一个例子:

var foo = $('.someClass');
foo.css("background-color", "yellow");
console.log(foo.length + " items updated");

即使上面的代码多次使用了 foo，DOM 也只被查询了一次。

如果您的代码使 foo 是一个 jQuery 对象的事实更明显一点，那不是很好吗？

// a lot of developers like to prepend a $ to variable names
var $foo = $('.someClass');