jQuery를 사용하여 반복적으로 html 요소에 액세스하는 가장 간단한 솔루션은 무엇입니까?

Question

자주 표시되거나 숨겨지는 메뉴와 같이 코드에서 자주 참조되는 html 요소에 대해 요소에 여러 번 다시 액세스 할 수있는 가장 간단한 jquery 솔루션은 무엇입니까?

나의 현재 접근 방식은 결과를 변수에 저장하는 것입니다 (물론 글로벌는 아닙니다).

예 :

이

$myElement = $('#my-element'); 

다음 변수의 그 범위 withtin 실행하는 모든 코드에서 $myElement보다는 $('#my-element')를 사용합니다.

다른 접근법은 $ .data() 메소드입니다. 내가 다른 요소를 기반으로 한 요소에 액세스해야 할 때 이것을 사용합니다.

예 :

이

$myElement.data('friend', $('my-element-friend')); 

다음 고려해야 할 다른 옵션이 대신

$('my-element-friend')의 $myElement.data('friend')을 사용할 수 있습니까? 요소에 액세스 할 때마다 $('#my-element')을 반복하는 것이 가장 좋은 경우가 있습니까? (참조가 응용 프로그램의 전체 런타임에서 한 번만 사용되는 경우는 제외)

Answer 1

변수에 참조를 저장하는 것은 좋은 방법입니다.

내가 항상 선택기를 사용하는 유일한 시간은 문제의 요소가 항상 파괴/재현되는 경우입니다. 또는 통화간에 변경되는 요소 모음에 액세스하는 경우 ($('.SomeClass'))