찾다

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

jQuery 연구 노트: DOM elements_jquery 만들기

WBOY
WBOY원래의
2016-05-16 16:19:221039검색

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 생성

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