>웹 프론트엔드 >JS 튜토리얼 >jQuery 연구 노트: DOM elements_jquery 만들기

jQuery 연구 노트: DOM elements_jquery 만들기

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB원래의
2016-05-16 16:19:221079검색

DOM 메소드를 사용하여 요소 노드를 생성하려면 일반적으로 document.createElement(), document.createTextNode() 및 appendChild()를 사용해야 하는데 이는 매우 번거로운 작업입니다.

그리고 jQuery는 $

를 사용하여 DOM 요소를 직접 생성할 수 있습니다.

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

var oNewP = $("

jQuery로 생성된 콘텐츠

");

위 코드는 자바스크립트와 동일합니다

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

            var oNewP2 = document.createElement("p");
                var oText = document.createTextNode("자바스크립트 방식으로 생성된 콘텐츠입니다.");
              oNewP2.appendChild(oText);

예: jQuery를 사용하여 DOM 생성

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

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