저는 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 요소이며 emailJQjQuery 객체입니다.

일관성이 없었고 계속 섞었습니다. 또한 같은 것에 대해 두 가지 다른 이름을 유지 해야하는 것은 약간의 성가신 일입니다. 하나는 jQuery 객체와 다른 하나는 일치하는 DOM 요소입니다. 게다가 email, emailElement그리고 emailJQ, 나도 다른 변화를 시도하고 있었다.

그런 다음 일반적인 패턴을 발견했습니다.

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

JavaScript는 $단순히 이름을 나타내는 또 다른 문자로 취급 되며 항상 $(whatever)호출 에서 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

과:

// 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( ... );

답변

var _       = function() { alert("hello from _"); }
var \u0024  = function() { alert("hello from $ defined as u0024"); }
var Ø       = function() { alert("hello from Ø"); }
var $$$$$   = function() { alert("hello from $$$$$"); }