jQuery로 요소 노드를 삭제하는 방법
- 藏色散人원래의
- 2018-12-07 14:46:187820검색
요소 노드를 삭제하는 jquery의 방법은 매우 간단합니다.remove() 메서드를 통해 노드를 직접 삭제할 수 있습니다.
아래에서는 간단한 코드 예제를 바탕으로 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 태그를 삭제하는 이벤트가 발생합니다.
최종 효과는 아래와 같습니다:
.remove([selector]): 제거할 일치 요소 집합을 필터링하는 데 사용되는 선택기 표현식입니다.
Note: .remove() 메서드는 DOM에서 요소를 가져옵니다. .remove()를 사용하는 경우 요소 자체를 삭제해야 합니다. 요소 자체 외에도 해당 요소와 관련된 모든 바인딩된 이벤트 및 jQuery 데이터가 제거됩니다. 데이터와 이벤트를 삭제하지 않고 요소를 삭제하려면 .detach()를 사용하세요.
이 기사는 jQuery 요소 노드 삭제에 대한 자세한 소개입니다. 또한 매우 간단하고 이해하기 쉽습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다.
위 내용은 jQuery로 요소 노드를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.