jQuery 요소 지우기

jQuery를 통해 쉽게 기존 HTML 요소를 지울 수 있습니다。

요소/내용 지우기

요소와 내용을 지우려면 일반적으로 다음 두 jQuery 메서드를 사용할 수 있습니다：

  • remove() - 선택된 요소(그리고 자식 요소)를 제거
  • empty() - 선택된 요소에서 자식 요소를 제거

jQuery remove() 메서드

jQuery remove() 메서드는 선택된 요소와 그 자식 요소를 모두 지웁니다。

예제

$("#div1").remove();

직접 시도해 보세요

jQuery empty() 메서드

jQuery empty() 메서드는 선택된 요소의 자식 요소를 지웁니다。

예제

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

직접 시도해 보세요

지워진 요소를 필터링

jQuery remove() 메서드는 또한 하나의 파라미터를 받아서 지워진 요소에 대해 필터링할 수 있습니다。

이 파라미터는 어떤 jQuery 선택자 문법이든 될 수 있습니다。

아래 예제는 class="italic"의 모든 <p> 요소를 지웁니다：

예제

$("p").remove(".italic");

직접 시도해 보세요

jQuery HTML 참조 매뉴얼

jQuery HTML 메서드의 전체 내용에 대해 알고 싶다면 다음 참조 매뉴얼을 방문하세요：