JavaScript
[jquery] .remove(), .empty() / 요소 제거하기
trueman
2022. 1. 21. 17:32
728x90
728x90
요소 제거하기 : .remove(), .empty()
DOM 요소 제거하는 방법으로는 remove() 메서드를 사용하거나 empty() 메서드는 사용하는 방법입니다.
<body>
<span>
<b>SAMPLE</b>
</span>
</body>remove() 메서드
<script>
$(document).ready(function () {
$('span').remove();
});
</script>사용법은 $(selector).remove() 이며, selector 에 해당하는 DOM 요소를 제거합니다.
<body>
// span 요소 자체가 사라지게 됩니다.
</body>그 결과 <span>태그가 요소가 삭제되었습니다.
empty() 메서드
<script>
$(document).ready(function () {
$('span').empty();
});
</script>사용법은 $(selector).empty() 이며, selector 에 해당하는 DOM 요소의 내용을 (제거)비웁니다.
<body>
<span>
</span>
</body>따라서 셀렉터로 잡은 span 요소가 아닌 그 내부(하위)의 요소들이 제거됩니다.
출처 : https://dololak.tistory.com/405
728x90
728x90