> 웹 프론트엔드 > JS 튜토리얼 > jquery가 모든 하위 요소를 삭제할 수 있나요?

jquery가 모든 하위 요소를 삭제할 수 있나요?

青灯夜游
풀어 주다: 2020-11-19 13:44:40
원래의
3355명이 탐색했습니다.

jquery에서는 빈() 메서드를 사용하여 지정된 요소의 모든 하위 요소를 삭제할 수 있습니다. 구문 형식은 "$(selector).empty()"입니다. 빈() 메서드는 모든 하위 노드와 콘텐츠를 제거할 수 있습니다. 이지만 요소 자체나 해당 속성은 제거되지 않습니다.

jquery가 모든 하위 요소를 삭제할 수 있나요?

jQuery에서는 detach() 메서드를 사용하고 jQuery에서는 Remove() 메서드를 사용하여 지정되거나 일치하는 요소를 삭제할 수 있다는 것을 알고 있습니다. 또한 RemoveClass() 메서드 및 RemoveAttr() 메서드를 사용하여 삭제할 수도 있습니다. 지정되거나 일치하는 요소입니다. 일치하는 요소의 클래스 또는 특성입니다. 그렇다면 요소 자체를 삭제하지 않고 지정되거나 일치하는 요소 내의 하위 요소와 노드만 삭제하는 방법은 무엇입니까? 아래에서 소개해드리겠습니다.

jQuery

empty() 메소드의empty() 메소드 설명은 선택한 요소의 모든 하위 노드와 컨텐츠를 제거합니다. 이 방법은 요소 자체나 해당 속성을 제거하지 않습니다. [관련 추천: "jQuery Video"]

Grammar:

$(selector).empty()
로그인 후 복사

큰 "예"를 제공하세요

DIV

jquery가 모든 하위 요소를 삭제할 수 있나요?

HTML의 모든 콘텐츠를 제거하려면 jQuery에서 empty() 메서드를 사용하세요. code

<p id="mochu">
  <p>这里是P标签内容</p>
  <p>这里是第二个P标签的内容</p>
</p>
로그인 후 복사

JQ code

$(&#39;#button&#39;).click(function(){
  $("#mochu").empty();
})
로그인 후 복사

결과 아이콘

감사 소스 코드는 아래와 같습니다

jquery가 모든 하위 요소를 삭제할 수 있나요?

위 그림을 보면 ID가 mochu인 p 태그와 P 태그 및 그 안의 내용이 삭제된 것을 확인할 수 있습니다. !

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 교육을 방문하세요! !

위 내용은 jquery가 모든 하위 요소를 삭제할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿