web developer

[jquery] .remove(), .empty() / 요소 제거하기 본문

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
저작자표시 변경금지

'JavaScript' 카테고리의 다른 글

[jquery] .contents() 함수 / 텍스트 노드를 포함한 자식요소 가져오기  (0) 2022.01.24
[jquery] .removeClass() / 클래스 제거하기  (0) 2022.01.24
[jquery] .text() 메소드, .html() / 기존 요소의 내부에 새로운 요소나 콘텐츠를 반환하거나 설정하기  (0) 2022.01.21
[jstl] EL(Expression Language) 구문  (0) 2022.01.20
[javaScript] When to Use Arrays. When to use Objects.  (0) 2022.01.06
'JavaScript' Related Articles more