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方法追加的内容
\');
代码运行结果：
阅读前请先查看【免责声明】本文内容由互联网用户自发贡献，该文观点仅代表作者本人，本站仅供展示。如发现本站有涉嫌抄袭侵权/违法违规的内容，请发送邮件至 1217266901@qq.com 举报，一经查实，本站将立刻删除。 转载请注明出处：https://www.jingfakeji.com/tech/22986.html
