[jquery] .text() 메소드, .html() / 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정하기

요소 내부를 변경하는 태그 : .text() 메소드, .html() 메소드

---

라이브러리인 jquery 안에서 .text()와 .html() 메소드를 활용하면, 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정할 수 있다.

.text() : 해당 요소의 텍스트 콘텐츠를 반환하거나 설정한다.
.html() : 해당 요소의 HTML 콘텐츠를 반환하거나 설정한다.

---

.text() 메소드

---

.text() 메소드는 선택한 요소의 내용을 새로운 단순 text로 변경한다.

<p>안녕하세요.</p>

.text() 메소드를 이용하면, <p> 요소의 내용을 새로운 text로 변경할 수 있다.

---

.html() 태그

---

.html() 메소드는 선택한 요소의 내용을 새로운 HTML 요소로 변경한다.

<p>안녕하세요.</p>

.html() 메소드를 이용하면, <p> 요소의 내용을 새로운 HTML 요소로 변경할 수 있다.

$("p").html("<div class='wrap'>devkuma입니다.</div>");

---

.html() 메소드와 .text() 메소드의 차이점

---

.html()는 선택한 요소의 내용에 html 태그 요소가 포함되어 있으면 태그를 적용하여 표시를 하지만, .text()인 경우는 html 태그를 적용되지 않고, 문장 그대로 표시를 하게 된다.

출처: https://araikuma.tistory.com/610 [프로그램 개발 지식 공유]