2012년 1월 25일 수요일

requery 를 피하는 법

객체를 생성 후 생성한 객체를 다시 참조하는 패턴으로

$('div#mainContext').append('<div class="header"/>');
$('div.header').click(function() {
  // do something
});

이런 식으로 흔히들 쓰는데 $('div.header') 를 도는 비용이 많이 드니

$('<div class="header"/>').appendTo('div#mainContext').click(function() {
  // do something
});

으로 순서를 바꿔서 객체를 chaining으로 활용하자.