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>//結果