개요

jQuery empty() 메소드는 특정 요소의 모든 자식 요소를 제거하여 해당 요소를 비웁니다. 이는 콘텐츠를 동적으로 업데이트하거나 초기화해야 할 때 유용합니다.

empty() 메소드 사용법

$(selector).empty();

• selector: 자식 요소를 제거할 부모 요소의 선택자

예제

HTML:

<div id="content">
    <p>이 내용은 제거됩니다.</p>
    <span>여기에도 내용이 있지만, 모두 사라집니다.</span>
</div>

JavaScript:

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

이 예제에서는 id가 “content”인 요소의 모든 자식 요소가 제거됩니다.

결론

jQuery empty() 메소드를 사용하면 특정 요소의 모든 자식 요소를 간편하게 제거할 수 있습니다. 이를 통해 콘텐츠 영역을 비우거나 초기화할 수 있으며, 동적인 UI 업데이트에 유용한 기능입니다.

참고 자료

• jQuery 공식 문서

위와 같이 jQuery empty() 메소드를 사용하여 콘텐츠 영역을 비우는 방법에 대해 간단히 설명해드렸습니다. 필요한 경우 추가로 문의해 주시기 바랍니다.