[jQuery] jQuery empty 메소드를 사용하여 자식 요소 삭제
jQuery의 empty
메소드는 선택한 요소의 모든 자식 요소를 제거하는 데 사용됩니다. 이것은 특히 해당 요소의 내용을 깨끗하게 지우고 새로운 콘텐츠를 동적으로 추가할 때 유용합니다.
empty 메소드의 기본 구문
$(selector).empty()
위의 코드에서 selector
는 삭제할 자식 요소가 포함된 부모 요소를 지정합니다.
예시
다음은 div
태그의 모든 자식 요소를 제거하는 예시입니다.
$(document).ready(function(){
$("#myDiv").empty();
});
위의 예시에서 #myDiv
는 삭제할 자식 요소가 포함된 부모 요소를 나타내며, .empty()
메소드가 호출되어 해당 요소의 모든 자식 요소가 삭제됩니다.
이를 통해 다음과 같이 HTML에서 해당 요소의 내용이 깨끗하게 지워집니다.
<div id="myDiv"></div>
empty
메소드는 jQuery를 사용하여 동적으로 요소를 수정하거나 업데이트할 때 매우 유용합니다.
마무리
jQuery의 empty
메소드는 선택한 요소의 모든 자식 요소를 효과적으로 제거하는 간편한 방법을 제공합니다. 이 메소드를 사용하여 웹 페이지에서 동적으로 콘텐츠를 업데이트하거나 변경할 때 매우 유용하게 사용할 수 있습니다.
참고문헌: