jQuery로 요소 노드를 삭제하는 방법-HTML 지식-php.cn

집

일일 프로그램

HTML 지식

jQuery로 요소 노드를 삭제하는 방법

藏色散人

Dec 07, 2018 pm 02:46 PM

요소 노드를 삭제하는 jquery의 방법은 매우 간단합니다.remove() 메서드를 통해 노드를 직접 삭제할 수 있습니다.

jQuery로 요소 노드를 삭제하는 방법

아래에서는 간단한 코드 예제를 바탕으로 jquery 노드 요소 삭제 방법을 자세히 소개하겠습니다.

코드 예시는 다음과 같습니다.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>jquery删除节点示例</title>
    <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
    <script type="text/javascript">
 $(function () {
            $("button").click(function () {
                $("p").remove();
 });

 })

    </script>
</head>
<body>
<button>删除</button>
<h1>这是标题</h1>
<p>这是一段话。</p>
</body>
</html>

로그인 후 복사

여기에서는 클릭 이벤트를 작성합니다. 삭제 버튼을 클릭하면 제거 메소드를 통해 p 태그를 삭제하는 이벤트가 발생합니다.

최종 효과는 아래와 같습니다:

jQuery로 요소 노드를 삭제하는 방법

.remove([selector]): 제거할 일치 요소 집합을 필터링하는 데 사용되는 선택기 표현식입니다.

Note: .remove() 메서드는 DOM에서 요소를 가져옵니다. .remove()를 사용하는 경우 요소 자체를 삭제해야 합니다. 요소 자체 외에도 해당 요소와 관련된 모든 바인딩된 이벤트 및 jQuery 데이터가 제거됩니다. 데이터와 이벤트를 삭제하지 않고 요소를 삭제하려면 .detach()를 사용하세요.

이 기사는 jQuery 요소 노드 삭제에 대한 자세한 소개입니다. 또한 매우 간단하고 이해하기 쉽습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다.

위 내용은 jQuery로 요소 노드를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.