Jquery添加元素（append，prepend，after，before四种方法区别对比）

jquery是一个日常比较喜欢用的js框架，由于上手比较简单吧，哈哈，下面呢，就介绍一下Jquery中如何添加元素。jquery添加元素一共有四个语句，分别是append（），prepend（），after（），before（）

    append的用法
    这个方法的意思是在选中目标的结尾插入内容。举个例子：

<p>hello</p>

若是执行下面这个插入语句，上面的语句会变成什么样子

$("p").append("<b>world</b>")

执行了这个插入语句会变成

<p>hello<b>world</b></p>

也就是说，在插入的结尾标签前插入此内容。

    prepend的用法。
    顾名思义，跟上面一种用法相反，就是在标签开始的地方插入内容。
    仍是以上面第一段代码为例子。

$("p").prepend("<b>world</b>")//插入语句

<p><b>world</b>hello</p>//结果

    after的用法
    这个语句的用法就是在被选元素以后插入内容。
    一样以上面的为例子。

$("p").after("<b>world</b>")//插入语句

<p>hello</p><b>world</b>//结果

在选中标签后面插入内容

    before的用法
    跟after相反，在标签前面插入内容

$("p").before("<b>world</b>")//插入语句

<b>world</b><p>hello</p>//结果