jQuery 是一个快速、小巧、功能丰富的JavaScript库，它使得处理HTML文档、事件处理、动画效果和AJAX更加简单。以下是添加元素和删除元素的jQuery操作示例：

1. 添加元素

在 jQuery 中向 HTML 文档中添加新的元素非常容易，可以使用一些内置函数来实现。

a) append() 和 prepend()：在指定的元素内部添加内容或子元素。append() 方法将新元素添加到当前元素的结尾, prepend() 方法将新元素添加到当前元素的开头。例如，下面的代码将会把一个段落元素添加到页面上的body标签中：

```

$("body").append("<p>Hello World！</p>");

```

b) after() 和 before(): 用于在指定的位置插入内容。after() 方法在选定元素之后添加内容, before() 方法在选定元素之前添加内容。例如，下面的代码将会把“Hello World！”添加到页面上id为test的元素后面：

```

$("#test").after("Hello World！");

```

2. 删除元素

在 jQuery 中删除元素比较简单，也有许多内置函数可供调用：

a) remove()：从文档中移除已选择的元素（及其子元素）。

例如，下面的代码将会删除全部class为foo的元素。

```

$(".foo").remove();

```

b) empty()：从元素中移除所有子元素，并保留该元素本身及其属性。例如，下面的代码将会把id为foo中的元素全部删除。

```

$("#foo").empty();

```

这里只是简单介绍了添加元素和删除元素的两种方法，jQuery还提供其他的类似方法来添加、修改或删除元素，可以根据具体情况选择适合的方法。

看过该HTML5技术干货的还看过

• jquery添加元素和删除元素的操作方法

本文标题：jquery添加元素和删除元素的操作方法，责任编辑：宏鹏，来源：武汉北大青鸟鲁广校区栏目，于2023-04-20 14:54:00发布于北大青鸟鲁广校区。jQuery 是一个快速、小巧、功能丰富的JavaScript库，它使得处理HTML文档、事件处理、动画效果和AJAX更加简单。以下是添加元素和删除元素的jQuery操作示例：