jQuery 요소 제거

jQuery的一个非常重要的部分是操纵DOM。

jQuery提供了许多方法，可以从文档中删除现有的HTML元素或内容。

在本章中，我们将说明如何从DOM中删除HTML元素/内容。

jQuery删除元素/内容

使用jQuery，我们可以轻松删除HTML元素。

我们有以下用于删除元素和内容的jQuery方法：

• remove()

• empty()

• unwrap()

下面将向您展示如何使用每种方法。

jQuery remove()方法

jQuery remove()方法从DOM中删除选定的元素及其子元素。

下面的示例从DOM中删除所有段落：

$("button").click(function(){
　　$("p").remove();
});

jQuery remove()方法还接受一个参数，该参数使您可以过滤要删除的元素。

该参数可以是任何jQuery选择器。

下面的示例从DOM中删除所有包含“ Hello”的段落：

$("button").click(function(){
　　$("p").remove(":contains('Hello')");
});

jQuery empty()方法

jQuery empty()方法从所选元素中删除所有子节点（包括文本节点）。

下面的示例从所有段落中删除所有子节点（包括文本节点）：

$("button").click(function(){
　　$("p").empty();
});

주의:이 메서드는 요소 자체나 그 속성을 제거하지 않습니다。

jQuery unwrap() 메서드

jQuery unwrap()메서드는 선택된 요소의 부모 요소를 제거합니다。

아래 예제는 모든 구절의 부모 요소를 제거합니다:

$("button").click(function(){
　　$("p").unwrap();
});

jQuery 속성 제거-removeAttr()

jQuery removeAttr()메서드는 선택된 요소에서 하나나 여러 개의 속성을 제거합니다。

아래 예제는 모든 링크에서 href 속성을 제거합니다:

$("button").click(function(){
　　$("a").removeAttr("href");
});

여러 속성을 제거하려면, 속성 이름을 공백으로 구분합니다。

아래 예제는 모든 구절에서 여러 속성을 제거합니다:

$("button").click(function(){
　　$("p").removeAttr("id class title");
});

jQuery HTML 참조

전체 HTML 메서드에 대한 참조를 위해 우리의jQuery HTML / CSS 참조。