jQuery Object의 변수

jQuery Object의 변수 앞에는 $을 부여해 주십시오.

// bad
var sidebar = $('.sidebar');

// good
var $sidebar = $('.sidebar');

 

 

jQuery 쿼리결과를 캐시해주십시오.

// bad
function setSidebar() {
  $('.sidebar').hide();

  // ...stuff...

  $('.sidebar').css({
    'background-color': 'pink'
  });
}

// good
function setSidebar() {
  var $sidebar = $('.sidebar');
  $sidebar.hide();

  // ...stuff...

  $sidebar.css({
    'background-color': 'pink'
  });
}