jQuery插入内容 prepend、append、after、before

歡迎大家一起交流學習n(*≧▽≦*)n

prepend：在元素開頭插入内容

append：在元素結尾插入内容

after：在元素之後插入内容

before：在元素之前插入内容

添加效果：

$(".button1").click(function () {
        $(".p1").prepend("<b>在開頭追加文本</b>:");
    })

    $(".button2").click(function () {
        $(".p2").append("<b>：在結尾追加文本</b>");
    })

    $(".button3").click(function () {
        $(".p3").after("<p><b>在元素之後插入内容:hello world</b></p>");
    })

    $(".button4").click(function () {
        $(".p4").before("<p><b>在元素之前插入内容:hello world</b></p>");
    })