>웹 프론트엔드 >JS 튜토리얼 >jQuery 속도 테스트 : $ (this) vs .get () vs .eq ()

jQuery 속도 테스트 : $ (this) vs .get () vs .eq ()

Christopher Nolan
Christopher Nolan원래의
2025-02-23 09:09:09619검색

jQuery 속도 테스트 : $ (this) vs .get () vs .eq () 각 루프 캐시 성능 - 캐시 된 요소 배열에서 각 내부에서 현재 요소를 잡는 것이 가능/더 빠르는지 테스트합니다. 즉, $ (this) vs .get () vs .eq () with .text () 및 textContent/InnerText . 테스트는 jQuery 1.9.1로 실행됩니다. 유사 : jQuery 속도 테스트 : $ (this) .attr ( "id"); 이 this.id.

jQuery 속도 테스트 : $ (this) vs .get () vs .eq () .get () 및 .eq () 둘 다 jQuery 객체 배열에서 단일 "요소"를 반환하지만 단일 요소를 다른 형태로 반환합니다. .eq ()는 jQuery 객체로 반환합니다. 즉, DOM 요소가 jQuery 래퍼에 래핑되어 jQuery 함수를 허용합니다. .get () RAW DOM 요소를 반환합니다. 속성에 액세스하고 원시 DOM 요소와 마찬가지로 기능을 호출하여 조작 할 수 있습니다. 그러나 그것은 jquery 랩핑 된 물체로서의 정체성을 잃어 버리므로 .fadein과 같은 jQuery 함수는 작동하지 않습니다.
    .
  • 설정
  • 테스트
  • jquery eq () 메소드 jQuery eq () 메소드의 주요 함수는 무엇입니까?
jQuery eq () 메소드는 웹 개발에 사용되는 강력한 도구입니다. 주로 유사한 요소 그룹에서 특정 인덱스 번호가있는 요소를 선택하는 데 사용됩니다. jQuery의 인덱스는 0에서 시작합니다. 이는 첫 번째 요소가 인덱스 0이고 두 번째 요소는 인덱스 1 등입니다. 이 방법은 다른 사람에게 영향을 미치지 않고 그룹의 특정 요소에 변경 사항을 적용하려는 경우 특히 유용합니다.

jQuery eq () 메소드는 다음과 어떻게 다릅니 까? 🎜> eq () 메소드와 jQuery의 : eq () 선택기가 모두 인덱스를 기반으로 요소를 선택하는 데 사용되지만 둘 사이에는 핵심 차이가 있습니다. EQ () 메소드는 jQuery 객체의 요소를 필터링하므로 다른 jQuery 메소드에 의해 이미 조작 된 일련의 요소에서 작동 할 수 있습니다. 반면에 : eq () 선택기는 DOM 요소에서 직접 작동합니다. 즉, 페이지가로드 될 때 존재하는 요소 만 선택할 수 있습니다.

jQuery eq ()와 함께 음수를 사용할 수 있습니까? 메소드?


   
       list
       
         
             nested 1
             nested 2
             nested 3
         
       
       list
         
             nested 1
             nested 2
             nested 3
         
       list
         
             nested 1
             nested 2
             nested 3
         
       list
   
   


  Benchmark.prototype.setup = function() {
    MY_OBJECT = 
        {
            cache: {},
        
            init: function()
            {
                this.cache.c = $('#container');
                this.cache.n = this.cache.c.find('.nested');
    this.cache.s = this.cache.c.find('#status');
            }
        }
    MY_OBJECT.init();
  };
예, jQuery eq () 메소드와 함께 음수를 사용할 수 있습니다. 음수가 사용되면 메소드는 마지막 요소에서 뒤로 계산됩니다. 예를 들어, 식 (-1)은 마지막 요소를 선택합니다. EQ (-2)는 두 번째 요소를 선택합니다. jQuery eq () 메소드?

범위가 아닌 인덱스 번호를 사용하는 경우 (즉, 요소 ​​수보다 큽니다) jQuery eq () 메소드는 빈 jQuery 객체를 반환합니다. 이것은 행동 할 요소가 없으므로 조치가 수행되지 않을 것임을 의미합니다.

eq () 메소드를 사용하여 다른 jQuery 메소드를 체인 할 수 있습니까?

예, EQ () 메소드를 사용하여 다른 jQuery 메소드를 체인 할 수 있습니다. 이것은 jQuery의 강력한 기능 중 하나이며, 하나의 코드 라인에서 선택한 요소에 대해 여러 동작을 수행 할 수 있습니다.

EQ () 메소드를 사용하여 모든 짝수 또는 홀수 인덱스 요소를 선택할 수 있습니까? ?

모든 짝수 또는 홀수 인덱스 요소를 선택하려면 루프 내부의 EQ () 메소드를 사용할 수 있습니다. 인덱스 된 요소의 경우 인덱스 0에서 루프를 시작하고 2 증가 할 수 있습니다. 홀수 인덱스 요소의 경우 인덱스 1에서 루프를 시작하고 2로 증가 할 수 있습니다. 민감한?

아니오, EQ () 메소드는 대소 문자에 민감하지 않습니다. 태그 나 속성의 경우에 관계없이 인덱스 번호에 따라 요소를 선택합니다.

다른 jQuery selectors와 함께 EQ () 메소드를 사용할 수 있습니까?

예, 사용할 수 있습니다. 다른 jquery selectors와 함께 EQ () 메소드. 이를 통해 선택을 좁히고 특정 조건을 충족하는 특정 요소에 변경 사항을 적용 할 수 있습니다.

EQ () 메소드가 중첩 요소를 처리하는 방법? EQ () 메소드는 중첩 요소를 취급합니다. 별도의 요소로. 즉, 각 중첩 요소는 자체 인덱스 번호가 있음을 의미합니다.이 인덱스 번호는 EQ () 메소드로 선택하는 데 사용할 수 있습니다.

EQ () 메소드를 사용하여 DOM에 동적으로 추가 된 요소를 선택할 수 있습니까?

예, EQ () 메소드를 사용하여 DOM에 동적으로 추가 된 요소를 선택할 수 있습니다. 그러나 새 요소가 추가 된 후 EQ () 메소드가 호출되도록해야합니다. 그렇지 않으면 찾을 수 없습니다.

.

위 내용은 jQuery 속도 테스트 : $ (this) vs .get () vs .eq ()의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.