jQuery中最常见的用法是将存储在变量中的jQuery对象与其他变量区分开来。

例如，我会定义:

var $email = $("#email"); // refers to the jQuery object representation of the dom object
var email_field = $("#email").get(0); // refers to the dom object itself

我发现这在编写jQuery代码时非常有帮助，并且可以很容易地看到具有不同属性集的jQuery对象。

正如其他人所提到的，美元符号是用于机械生成的代码。然而，这种惯例已经被一些非常流行的JavaScript库打破了。JQuery, Prototype和MS AJAX(又名Atlas)都在它们的标识符中使用这个字符(或作为一个完整的标识符)。

简而言之，你可以随时使用美元。(翻译不会抱怨。)问题是你想什么时候使用它?

我个人不使用它，但我认为它的使用是有效的。我认为MS AJAX使用它来表示函数是一些更详细调用的别名。

例如:

var $get = function(id) { return document.getElementById(id); }

这似乎是一个合理的惯例。

早在2006年，我就发起了这个惯例，并在早期的jQuery邮件列表中推广它，所以让我分享一些关于它的历史和动机。

公认的答案给出了这样一个例子:

var $email = $("#email"); // refers to the jQuery object representation of the dom object
var email_field = $("#email").get(0); // refers to the dom object itself

但这并没有很好地说明它。即使没有$，我们仍然有两个不同的变量名，email和email_field。这已经足够好了。当我们已经有两个不同的名称时，为什么还要在其中一个名称中添加$呢?

实际上，我在这里没有使用email_field，原因有两个:names_with_下划线不是惯用的JavaScript, field对于DOM元素没有实际意义。但我也有同样的想法。

我尝试了一些不同的东西，其中一些东西与这个例子非常相似:

var email = $("#email"), emailElement = $("#email")[0];
// Now email is a jQuery object and emailElement is the first/only DOM element in it

(当然，一个jQuery对象可以有多个DOM元素，但我正在处理的代码有很多id选择器，所以在这些情况下有1:1的对应关系。)

我有另一个例子，一个函数接收一个DOM元素作为参数，也需要一个jQuery对象:

// email is a DOM element passed into this function
function doSomethingWithEmail( email ) {
    var emailJQ = $(email);
    // Now email is the DOM element and emailJQ is a jQuery object for it
}

这有点让人困惑!在我的一段代码中，email是jQuery对象，emailElement是DOM元素，但在另一段代码中，email是DOM元素，emailJQ是jQuery对象。

没有一致性，我一直把它们混在一起。另外，必须为同一事物创建两个不同的名称有点麻烦:一个用于jQuery对象，另一个用于匹配的DOM元素。除了email、emailElement和emailJQ，我还一直在尝试其他变体。

然后我注意到一个常见的模式:

var email = $("#email");
var emailJQ = $(email);

由于JavaScript仅仅把$当作另一个字母来表示名称，而且我总是从$(无论什么)调用中返回一个jQuery对象，所以我终于明白了这个模式。我可以使用$(…)调用并删除一些字符，它会产生一个非常不错的名称:

$("#email")
$(email)

三振出局并不完美，但你可能会明白:删除了一些字符，这两行最终看起来像:

$email

这时我意识到我不需要编写emailElement或emailJQ这样的约定。已经有一个很好的约定在盯着我:从$(whatever)调用中取出一些字符，它就会变成$whatever。

var $email = $("#email"), email = $email[0];
// $email is the jQuery object and email is the DOM object

and:

// email is a DOM element passed into this function
function doSomethingWithEmail( email ) {
    var $email = $(email);
    // $email is the jQuery object and email is the DOM object
    // Same names as in the code above. Yay!
}

所以我不需要总是编造两个不同的名字，而是可以使用相同的名字，带或不带$前缀。$前缀是一个很好的提醒，我正在处理一个jQuery对象:

$('#email').click( ... );

or:

var $email = $('#email');
// Maybe do some other stuff with $email here
$email.click( ... );

jQuery中最常见的用法是将存储在变量中的jQuery对象与其他变量区分开来。

例如，我会定义:

var $email = $("#email"); // refers to the jQuery object representation of the dom object
var email_field = $("#email").get(0); // refers to the dom object itself

我发现这在编写jQuery代码时非常有帮助，并且可以很容易地看到具有不同属性集的jQuery对象。

正如我在过去4年的经验，它将允许一些人很容易地识别变量是否指向值/对象或jQuery包装的DOM元素

前任： var name = 'jQuery'; var lib = {name：'jQuery'，version：1.6}; var $dataDiv = $（'#myDataDiv'）;

在上面的例子中，当我看到变量“$dataDiv”，我可以很容易地说，这个变量指向一个jQuery包装DOM元素(在这种情况下，它是div)。我也可以调用所有的jQuery方法，而不是包装对象再次像$dataDiv.append()， $dataDiv.html()， $dataDiv.find()而不是$($dataDiv).append()。

希望能有所帮助。 所以最后想说的是，这将是一个很好的实践，但不是强制性的。

${varname}只是jQuery开发人员用来区分包含jQuery元素的变量的命名约定。

Plain {varname}用于存储一般内容，如文本和字符串。 ${varname}保存从jQuery返回的元素。

你也可以使用plain {varname}来存储jQuery元素，但正如我在开始时所说的，这将它与普通变量区别开来，使其更容易理解(想象一下将其混淆为普通变量并搜索以了解它所包含的内容)。

例如:

var $blah = $(this).parents('.blahblah');

这里，blah存储返回的jQuery元素。

因此，当其他人在代码中看到$blah时，他们会明白这不仅仅是一个字符串或数字，而是一个jQuery元素。