[JS / jQuery] empty() - 선택한 앨리먼트의 내부 요소를 지우는 메서드

선택한 앨리먼트의 내부 요소를 지우는 메서드 - empty()

 

 

empty() 란?

 

.empty()는 선택한 요소의 내용을 지웁니다. 내용만 지울 뿐 태그는 남아있다는 것에 주의합니다.

태그를 포함한 요소 전체를 제거할 때는remove()를 사용합니다.

 

 

문법

 

.empty()

예를 들어

<div id="content">
    <h2>empty()</h2>
    <p>empty() 메서드에 대해 알아봅시다.</p>
</div>

일 때

$('#content').empty();

를 하게 되면 아래와 같이 바뀐다.

<div id="content"></div>