jQuery - 요소 제거
jQuery를 사용하면 기존 HTML 요소를 쉽게 제거할 수 있습니다.
요소/콘텐츠 제거
요소와 콘텐츠를 제거하기 위해 주로 두 가지 jQuery 메서드가 있습니다.
remove()
- 선택한 요소(및 해당 하위 요소)를 제거합니다.empty()
- 선택한 요소에서 자식 요소를 제거합니다.
jQuery remove() 메서드
jQuery remove()
메서드는 선택한 요소와 그 자식 요소를 제거합니다.
예시
$("#div1").remove();
jQuery 빈() 메서드
jQuery empty()
메서드는 선택한 요소의 자식 요소를 제거합니다.
예시
$("#div1").empty();
제거할 요소 필터링
jQuery remove()
메소드는 또한 제거할 요소를 필터링할 수 있는 하나의 매개변수를 허용합니다.
매개변수는 jQuery 선택기 구문 중 하나일 수 있습니다.
다음 예제에서는 다음을 사용하여 모든 <p>
요소를 제거합니다 class="test"
.
예시
$("p").remove(".test");
이 예에서는 및
포함된 모든 <p>
요소 를 제거합니다 . class="test"
class="demo"
예시
$("p").remove(".test, .demo");
jQuery 연습
jQuery HTML 참조
모든 jQuery HTML 메소드에 대한 전체 개요를 보려면 jQuery HTML/CSS 참조 로 이동하십시오 .