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

**jQuery 教程**

**empty() 方法函数**

在 jQuery 中，`empty()` 方法用于移除元素的子节点。它会从指定的集合中删除所有子节点。

###语法

javascript.empty()

### 描述`empty()` 方法用于移除元素的子节点。它不会影响元素本身，而是从元素内部删除所有内容。

### 示例#### 示例1：移除元素的子节点

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

<script>
 $("#example").empty();
</script>

在上面的例子中，`#example` 元素的所有子节点（包括 `p` 和 `span` 元素）都会被移除。

#### 示例2：移除元素的子节点并追加新内容

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

<script>
 $("#example").empty().append("<span>This is a new span.</span>");
</script>

在上面的例子中，`#example` 元素的所有子节点都会被移除，然后追加一个新 `span` 元素。

#### 示例3：移除元素的子节点并使用 HTML 内容

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

<script>
 $("#example").empty().html("<span>This is a new span.</span>");
</script>

在上面的例子中，`#example` 元素的所有子节点都会被移除，然后使用 HTML 内容追加一个新 `span` 元素。

###代码注释* `empty()` 方法用于移除元素的子节点。
* 它不会影响元素本身，而是从元素内部删除所有内容。
* 可以使用 `append()` 或 `html()` 方法追加新的内容到元素中。

### 应用场景* 移除元素的子节点：例如，移除一个表单中的输入字段或一个列表中的项目。
* 追加新内容：例如，追加一个新按钮或一个新列表项。
* 使用 HTML 内容：例如，使用 HTML 内容追加一个新 `div` 或一个新 `span` 元素。

### 总结`empty()` 方法用于移除元素的子节点。它不会影响元素本身，而是从元素内部删除所有内容。可以使用 `append()` 或 `html()` 方法追加新的内容到元素中。