[Front end] jQuery 요소의 내부 변경 html, text

 

기존 요소의 내부 변경

다음 메서드를 사용하면 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정할 수 있다.

html 메서드

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

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

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

 

text 메서드

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

$('p').text('jQuery입니다.');

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

 

html() 메서드와 text() 메서드의 차이점

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