无涯教程-jQuery - remove( expr )方法函数

**jQuery 教程**

**remove() 方法**

在 jQuery 中，`remove()` 方法用于从 DOM 中移除指定的元素或元素集合。这个方法非常有用，当你需要从页面中删除某些元素时。

###语法

javascript.remove( expr )

* `expr`: 可选参数，可以是 CSS选择器、HTML 元素名称或 jQuery 对象。

### 使用示例#### 示例1：移除特定 HTML 元素假设你有一个 HTML 页面，包含以下代码：

html<div id="container">
 <p>Hello, World!</p>
 <span>This is a span.</span>
</div>

你可以使用 jQuery 的 `remove()` 方法来移除 `#container` 中的所有元素：

javascript$('#container').remove();

这将从页面中删除整个 `#container` 元素及其子元素。

#### 示例2：移除特定 CSS 类的元素假设你有一个 HTML 页面，包含以下代码：

html<div class="red-box">
 <p>Hello, World!</p>
</div>

<div class="blue-box">
 <span>This is a span.</span>
</div>

你可以使用 jQuery 的 `remove()` 方法来移除所有具有类 `red-box` 的元素：

javascript$('.red-box').remove();

这将从页面中删除所有 `red-box` 类的元素及其子元素。

#### 示例3：移除特定 HTML 元素集合假设你有一个 HTML 页面，包含以下代码：

html<div id="container">
 <p>Hello, World!</p>
</div>

<div id="another-container">
 <span>This is a span.</span>
</div>

你可以使用 jQuery 的 `remove()` 方法来移除所有具有 ID 为 `container` 或 `another-container` 的元素：

javascript$('[id="container"], [id="another-container"]').remove();

这将从页面中删除所有 `#container` 和 `#another-container` 元素及其子元素。

###代码注释* jQuery 的 `remove()` 方法用于从 DOM 中移除指定的元素或元素集合。
* 可以使用 CSS选择器、HTML 元素名称或 jQuery 对象作为参数。
* 如果没有传递任何参数，方法将从页面中删除所有元素。

### 总结jQuery 的 `remove()` 方法是一个非常有用的工具，当你需要从页面中删除某些元素时。通过使用这个方法，你可以轻松地移除特定 HTML 元素、CSS 类的元素或元素集合。