jquery增加元素（jquery给元素增加属性）

jQuery 中添加元素

简介

jQuery 提供了多种方法来向 HTML 文档中添加元素。这些方法可以根据需要插入新元素、克隆现有元素或移动现有元素。

多级标题

### 1. append() 方法此方法在选定元素的末尾添加新元素。

语法：

``` $(selector).append(content); ```

参数：

content：

要追加的内容，可以是 HTML 字符串、jQuery 对象或 DOM 元素。

示例：

``` $("body").append("

这是新段落。

"); ```### 2. prepend() 方法此方法在选定元素的开头添加新元素。

语法：

``` $(selector).prepend(content); ```

参数：

content：

与 append() 方法相同。

示例：

``` $("ul").prepend("

这是新列表项。

"); ```### 3. after() 方法此方法在选定元素之后插入新元素。

语法：

``` $(selector).after(content); ```

参数：

content：

与 append() 方法相同。

示例：

``` $("p").after("
"); ```### 4. before() 方法此方法在选定元素之前插入新元素。

语法：

``` $(selector).before(content); ```

参数：

content：

与 append() 方法相同。

示例：

``` $("img").before("

这是新图片说明。

"); ```### 5. insertAfter() 方法此方法将一个元素插入到另一个元素之后。

语法：

``` $(selector1).insertAfter(selector2); ```

参数：

selector1：

要插入的元素。

selector2：

要插入元素之后的目标元素。

示例：

``` $("li:first").insertAfter("li:last"); ```### 6. insertBefore() 方法此方法将一个元素插入到另一个元素之前。

语法：

``` $(selector1).insertBefore(selector2); ```

参数：

selector1：

要插入的元素。

selector2：

要插入元素之前的目标元素。

示例：

``` $("li:last").insertBefore("li:first"); ```

**jQuery 中添加元素****简介**jQuery 提供了多种方法来向 HTML 文档中添加元素。这些方法可以根据需要插入新元素、克隆现有元素或移动现有元素。**多级标题**

1. append() 方法此方法在选定元素的末尾添加新元素。**语法：** ``` $(selector).append(content); ```**参数：*** **content：**要追加的内容，可以是 HTML 字符串、jQuery 对象或 DOM 元素。**示例：** ``` $("body").append("

这是新段落。

"); ```

2. prepend() 方法此方法在选定元素的开头添加新元素。**语法：** ``` $(selector).prepend(content); ```**参数：*** **content：**与 append() 方法相同。**示例：** ``` $("ul").prepend("

这是新列表项。

"); ```

3. after() 方法此方法在选定元素之后插入新元素。**语法：** ``` $(selector).after(content); ```**参数：*** **content：**与 append() 方法相同。**示例：** ``` $("p").after("
"); ```

4. before() 方法此方法在选定元素之前插入新元素。**语法：** ``` $(selector).before(content); ```**参数：*** **content：**与 append() 方法相同。**示例：** ``` $("img").before("

这是新图片说明。

"); ```

5. insertAfter() 方法此方法将一个元素插入到另一个元素之后。**语法：** ``` $(selector1).insertAfter(selector2); ```**参数：*** **selector1：**要插入的元素。 * **selector2：**要插入元素之后的目标元素。**示例：** ``` $("li:first").insertAfter("li:last"); ```

6. insertBefore() 方法此方法将一个元素插入到另一个元素之前。**语法：** ``` $(selector1).insertBefore(selector2); ```**参数：*** **selector1：**要插入的元素。 * **selector2：**要插入元素之前的目标元素。**示例：** ``` $("li:last").insertBefore("li:first"); ```