jquery 中有很多种追加元素的方法，今天就介绍几种最常用的，做个笔记，记录一下。

jQuery append() 方法

append()：方法可以在被选元素的内部的结尾处插入内容

语法：

$(selector).append(content)

例：jq在元素内部的结尾处追加元素

代码：

我是原来的内容

飞鸟慕鱼博客

$('#mochu').append('

我要是插入的内容

');

代码运行结果，如下图

注：

1、如果使用JS动态修改HTML元素后，只能在浏览器的控制台中查看

2、查看方法：浏览器 按 F12

jQuery prepend() 方法

jQuery prepend()：方法在被选元素内部的起始位置插入内容

语法：

$(selector).prepend(content)

例：JQ在元素内部的开始位置追加HTML元素

代码：

我是原来的内容

飞鸟慕鱼博客

$('#mochu').prepend('

我是利用prepend方法插入的内容

');

运行结果如下图：

jQuery before() 方法

jQuery before()：方法在被选元素的前面插入元素，形成兄弟节点

语法：

$(selector).before(content)

例：jq在指定元素前面追加内容

代码：

我是原来的内容

飞鸟慕鱼博客

$('#mochu').before('

我是利用before方法插入的内容

');

代码运行结果：

jQuery after() 方法

jQuery after()：方法在被选元素的后面插入内容，形成兄弟节点的关系。

语法：

$(selector).after(content)

例：JQ在指定元素的后面插入内容

我是原来的内容

飞鸟慕鱼博客

$('#mochu').after('

我是利用after方法追加的内容

');

代码运行结果：

喜欢 (0)