[JQuery] HTML 요소 변경

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

 

간단히 코드를 통해 알아보겠습니다

<p>ITSkeleton 입니다. 반가워요</p>

이러한 HTML 코드가 있다고 가정해봅시다

 

스크립트는

$("p").html("<div class='new'>새롭게 변경된 값입니다</div>");

위와 같이 적어주면 p가 div로 변경됩니다.

 

.text() 메서드는 선택한 요소가 text일 경우 사용할 수 있는 간단히 텍스트만 바꾸는 메서드 입니다.

 

사용방법은 간단히 코드를 통해 알아봅시다

<p>ITSkeleton 입니다. 반가워요</p>

위와 같은 HTML코드가 있다고 가정해봅시다

 

스크립트는

$("p").text("텍스트만 변경된것을 알 수 있습니다");

이렇게 적어준다면 p의 텍스트를 스크립트에 적은 텍스트로 변경해줄 수 있습니다.