Jquery添加元素（append，prepend，after，before四种方法区别对比） · php 经验秘籍 php 入门 php秘籍 php5年经验秘籍

# Jquery添加元素（append，prepend，after，before四种方法区别对比）转载链接：[https://blog.csdn.net/lzx159951/article/details/79097253](https://blog.csdn.net/lzx159951/article/details/79097253) jquery是一个平常比较喜欢用的js框架，因为上手比较简单吧，哈哈，下面呢，就介绍一下Jquery中如何添加元素。jquery添加元素一共有四个语句，分别是append（），prepend（），after（），before（） * append的用法这个方法的意思是在选中目标的结尾插入内容。举个例子： ~~~ hello ~~~ 如果执行下面这个插入语句，上面的语句会变成什么样子 ~~~ $("p").append("world") ~~~ 执行了这个插入语句会变成 ~~~ helloworld ~~~ 也就是说，在插入的结尾标签前插入此内容。 * prepend的用法。顾名思义，跟上面一种用法相反，就是在标签开始的地方插入内容。还是以上面第一段代码为例子。 ~~~ $("p").prepend("world")//插入语句 worldhello//结果 ~~~ * after的用法这个语句的用法就是在被选元素之后插入内容。同样以上面的为例子。 ~~~ $("p").after("world")//插入语句 helloworld//结果 ~~~ 在选中标签后面插入内容 * before的用法跟after相反，在标签前面插入内容 ~~~ $("p").before("world")//插入语句 worldhello//结果 ~~~ 下面把这四种用法的代码放在一块，更容易理解。 ~~~ hello $("p").append("world")使用append插入 helloworld//显示结果 $("p").prepend("world")//使用prepend插入 worldhello//显示结果 $("p").after("world")//使用after插入语句 helloworld//显示结果 $("p").before("world")//使用before插入语句 worldhello//显示结果 ~~~ 是不是很简单呀，大家是不是都已经掌握了。本人新手，如哪里有说的不恰当的地方，欢迎大家指点。