我是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_underscores不是惯用的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 $只是名称的另一个字母，而且由于我总是从$(whatever)调用中得到一个jQuery对象，因此模式终于在我身上浮现。我可以打个$(...)电话，只删除一些字符，然后会得到一个很好的名字：
$("#email")
$(email)
删除线并不完美，但您可能会明白：删除了某些字符后，这两行最终看起来像：
$email
从那时起，我意识到我不需要像emailElementor 这样的约定emailJQ。已经有个不错的约定盯着我：从$(whatever)通话中删除一些字符，然后变成$whatever。
var $email = $("#email"), email = $email[0];
// $email is the jQuery object and email is the DOM object
和：
// 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( ... );
要么：
var $email = $('#email');
// Maybe do some other stuff with $email here
$email.click( ... );