jQuery에서 노드를 삭제하는 세 가지 방법은remove()detach() 및empty()_jquery입니다.

jQuery는 노드를 삭제하는 세 가지 메서드(remove(), detach() 및empty())를 제공합니다.

테스트에 사용된 HTML 코드:

코드 복사 코드는 다음과 같습니다.

< ;p title="가장 좋아하는 과일을 선택하세요?">가장 좋아하는 과일은 무엇인가요?

• 애플


• 
  

1.remove() 메소드

코드 복사 코드는 다음과 같습니다.

$("ul li").click(function(){
alert($ (this).html());
});
var $li = $("ul li:eq(1)").remove()
$li.appendTo("ul" );

remove() 메소드를 사용하여 노드를 삭제하면 해당 노드에 포함된 모든 하위 노드도 동시에 삭제됩니다. 이 메서드의 반환 값은 삭제된 노드에 대한 참조이므로 해당 요소는 나중에 다시 사용할 수 있습니다.

2.detach() 메소드

코드 복사 코드는 다음과 같습니다.

var $li = $("ul li:eq(1)").detach();
$li.appendTo("ul")

detach() Remove() 마찬가지로 일치하는 모든 요소가 DOM에서 제거됩니다. 하지만 이 메서드는 jQuery 객체에서 일치하는 요소를 삭제하지 않으므로 나중에 이러한 일치 요소를 다시 사용할 수 있다는 점에 유의해야 합니다. 제거()와 달리 모든 바인딩된 이벤트와 추가 데이터가 유지됩니다.

3.empty() 메소드

코드 복사 코드는 다음과 같습니다.

var $li = $("ul li:eq(1)").empty();
$li.appendTo("ul")

엄밀히 말하면 비어 있습니다. () 방법은 노드를 삭제하는 것이 아니라 노드를 클리어하는 방법으로, 해당 요소의 모든 하위 노드를 클리어할 수 있습니다.