jQuery의 empty() 메소드를 사용하여 포함된 요소를 삭제하는 방법을 알아보겠습니다. 이 메소드는 선택한 요소의 자식 요소를 모두 제거합니다.

jQuery empty 메소드 구문

$(selector).empty()

여기서 selector는 삭제하려는 요소를 선택하는데 사용됩니다.

예제

다음은 jQuery empty 메소드를 사용하여 특정 div 요소의 모든 자식 요소를 제거하는 간단한 예제입니다.

HTML:

<div id="myDiv">
    <p>첫 번째 단락</p>
    <p>두 번째 단락</p>
    <span>스팬 요소</span>
</div>

JavaScript(jQuery):

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

이 코드는 id가 “myDiv”인 div 요소의 모든 자식 요소를 제거합니다.

요약

jQuery의 empty() 메소드는 선택한 요소의 자식 요소를 모두 제거하는 데 사용됩니다. 이를 통해 DOM 요소를 쉽게 비울 수 있습니다.

더 많은 정보나 예제를 보려면 jQuery 공식 문서를 참고하세요.

위의 예제를 통해 jQuery empty 메소드를 사용하여 포함된 요소를 간단히 삭제하는 방법에 대해 배웠습니다.