Jquery 성능을 위한 캐시

$() 호출에 의해 반환되는 jquery 개체를 캐시하면 DOM 쿼리는 한번만 실행 될것이다.

$('#test').addClass('어쩌구');

$('#test').removeClass('어쩌구');

이렇게 DOM 요소를 여러번 사용하게 되면 요소를 가져오기 위해 수차례 수행할것이다.

이렇게 해보자

var $test = $('#test');

$test.addClass('어쩌구');

$test.removeClass('어쩌구');

이렇게 요소를 캐시 해 놓으면 한번의 DOM 요소 셀렉트로 DOM을 맘껏 주무를 수 있다.

참~ 쉽죠잉!!잉~