JQuery 팁(4) JQuery 성능 향상을 위한 몇 가지 팁_jquery

선택할 때 ID 선택기

로 시작하는 것이 가장 좋습니다. JQuery는 내부적으로 ID 선택을 위해 다른 모든 DOM 선택 방법보다 빠른 document.getElementByID 메서드를 사용하기 때문에 이해하기 쉽다고 생각합니다. 따라서 $("#")로 시작하는 것이 가장 좋습니다. 예:

코드 복사 코드는 다음과 같습니다.

class=" d">

;
$(".b .c .d")//느린 것
$("#a .b .c .d")//빠른 것


$()의 컨텍스트 제공
$()을 사용하여 페이지 요소를 선택할 때 선택 범위를 제공하면 선택 시간을 줄일 수 있습니다. 물론 전체 페이지 대신 페이지가 필터링 시간을 단축합니다. 이는 $() 함수 내에서 두 번째 매개변수를 컨텍스트로 제공하여 달성할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

hi

🎜>
물론, jquery 정의(또는 js 함수) 이벤트 내에서 이를 사용하여 컨텍스트를 참조할 수 있습니다.

코드 복사

코드는 다음과 같습니다.

hi

>

find 방법을 사용하는 것이 모든 방법 중에서 가장 효율적입니다. 🎜>

물론 id 선택기, 즉 $(" #..")를 사용하여 선택하면 컨텍스트 매개변수를 제공할 필요가 없습니다. 이는 속도에 영향을 주지 않습니다

저장 자주 사용되는 JQuery 래핑 요소
제목에서 알 수 있듯이 $( )페이지 요소를 선택하는 데 시간이 걸리므로 다음과 같이 변수로 저장하면 이러한 낭비를 피할 수 있습니다.




코드 복사

코드는 다음과 같습니다.

• one
• 2
4
🎜>

코드에서 볼 수 있듯이 여러 항목을 피합니다. 반복 선택은 성능을 향상시킬 수 있습니다:-)



선택기를 최대한 적게 사용하세요.
JQuery의 선택기는 배열 지향적이므로 다음과 같이 조건이 허용하는 경우 선택기를 최대한 적게 사용하세요.




코드 복사


코드는 다음과 같습니다.