jquery의 dom에서 일치하는 모든 요소를 ​​삭제하는 방법

방법: 1. "$("dom element")"를 사용하여 지정된 요소 개체를 얻습니다. 2. "element object.remove(요소 필터 조건)"를 사용하여 지정된 요소를 삭제합니다. 메소드는 일치하는 모든 요소가 DOM에서 삭제되고 해당 요소에 바인딩된 이벤트, 첨부된 데이터 등이 삭제됩니다.

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery를 사용하여 DOM에서 일치하는 모든 요소를 ​​제거하는 방법

remove() 메서드는 DOM에서 일치하는 모든 요소를 ​​제거합니다.

이 방법은 jQuery 객체에서 일치하는 요소를 삭제하지 않으므로 나중에 이러한 일치 요소를 재사용할 수 있습니다. 그러나 요소 자체가 유지되는 것 외에도 바인딩된 이벤트, 추가 데이터 등과 같은 다른 요소가 제거됩니다.

remove() 메서드는 모든 텍스트 및 하위 노드를 포함하여 선택한 요소를 제거합니다.

이 방법은 선택한 요소의 데이터와 이벤트도 제거합니다.

구문은 다음과 같습니다.

$(selector).remove()

예제는 다음과 같습니다.

DOM

HTML 코드:

<p class="hello">Hello</p> how are <p>you?</p>

j쿼리 코드:

1에서 hello 클래스가 있는 단락을 삭제합니다. ) "지정된 요소 객체를 가져옵니다

2. 직접 삭제하려면 제거를 사용하세요.

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

출력 결과:

how are <p>you?</p>

추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 jquery의 dom에서 일치하는 모든 요소를 ​​삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!