天天看点

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

欢迎大家一起交流学习n(*≧▽≦*)n

prepend:在元素开头插入内容

append:在元素结尾插入内容

after:在元素之后插入内容

before:在元素之前插入内容

添加效果:

jQuery插入内容 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>");
    })