Javascript 요소와 jQuery 요소를 구별하기 위한 변수 명명법

Javascript/jQuery 요소가 구별되지 않은 변수명이란 다음과 같다.

1
console.log(foo);

변수 선언부를 보기 전까지 어느 요소인지 알 수 없음.

1
2
var foo = document.getElementById("foo");
var $foo = $("#foo");

jQuery에 의해 컨트롤되는 요소임을 구별하고자 할 때, jQuery 전용 식별자인 $ 기호로 구별해주는 방법이 많이 사용된다. 최근 알게된 방법.

Hero image from viarami