jQuery를 여러 번 사용하여 동일한 항목 선택 vs 변수 사용

Question

이론적으로 성능 및/또는 메모리에서 다음 중 어느 것이 더 좋을까요? 즉, jQuery는 동일한 항목을 여러 번 선택해야하는 작업을해야합니까? 아니면 과거에 선택한 항목을 알고 있습니까?

나는 논쟁없이 의도적으로 움직이지 않았으며, 이것은 순수 이론적 인 질문입니다. jQuery를 모든 애니메이션 전에 일 DOM의 요소를 찾아야합니다 옵션 1로

$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 
$("#someelement").animate(); 

또는

var element = $("#someelement"); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 
element.animate(); 

Answer 1

확실히 옵션 2.

옵션 2를 사용하면 요소가 변수에 "캐시 됨"이므로 DOM을 다시 트래버스 할 필요가 없습니다.