[jQuery] 요소의 생성 및 제거

동적으로 태그 생성하기

1. 문자열로 생성하기

<div id="area"></div>
let str1 = "<p>문자열로 생성하기</p>";
$("area").append(str1);

 

 

2. DOM 메소드로 생성하기(JavaScript 방식)

  - createElement(), createTextNode()

<div id="area"></div>
let str2 = document.createElement("p");  // p 태그 생성
let text = document.createTextNode("DOM 메소드로 생성");
str2.appendChild(text);  // <p>DOM 메소드로 생성</p>
$("area").append(str2);

 

 

3. jQuery 방식

<div id="area"></div>
let str3 = $("<p></p>").text("jQuery로 생성");
$("area").append(str3);