jQuery를 사용하여 DOM 요소를 효율적으로 생성하려면 어떻게 해야 합니까?-JS 튜토리얼-php.cn

How Can I Efficiently Create DOM Elements Using jQuery?

jQuery로 DOM 요소 생성

JavaScript 코드를 향상시키고자 jQuery 기능을 활용하여 DOM 조작을 단순화하는 방법에 대해 궁금합니다. .

jQuery는 DOM 요소를 생성하는 대체 방법을 제공합니다. $.create("div"). 그러나 이 접근 방식은 jQuery의 핵심 API의 일부가 아니며 항상 신뢰할 수 있는 것은 아닙니다.

보다 효율적이고 표준화된 솔루션을 위해 다음을 고려하십시오.

this.$OuterDiv = $('<div></div>')
    .hide()
    .append($('<table></table>')
        .attr({ cellSpacing : 0 })
        .addClass("text")
    )
;

로그인 후 복사

이 간결한 코드는 다음을 수행합니다. 원본 JavaScript와 동일:

$.append()를 사용하여 요소의 속성을 설정하고 클래스를 추가합니다.

벤치마킹 결과

다양한 요소 생성 방법의 성능에 관해 벤치마크 document.createElement가 가장 빠른 것으로 나타났습니다. 그러나 최신 버전의 jQuery에서는 메서드 간의 시간 차이가 최소화됩니다(예: 천 요소당 3밀리초).

jQuery 1.7.2용으로 업데이트됨

벤치마크는 jQuery 1.7.2로 업데이트되었으며 추가 탐색 및 크라우드소싱을 위해 http://jsben.ch/#/ARUtz에서 사용할 수 있습니다. 결과입니다.

위 내용은 jQuery를 사용하여 DOM 요소를 효율적으로 생성하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php.cn

본 웹사이트의 성명

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

저자별 최신 기사

에서 2024-04-29 11:01:01

2324

에서 2024-04-23 00:22:19

2459

에서 2024-04-19 15:37:47

2074

에서 2024-04-18 23:52:34

1959

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

2029