jquery 追加元素的方法（append prepend after before 的区别）

append() 方法在被选元素的结尾插入内容。

prepend() 方法在被选元素的开头插入内容。

after() 方法在被选元素之后插入内容。

before() 方法在被选元素之前插入内容。

<div class="testdiv">
    <ul>
        <li>第一个li标签</li>
    </ul>
</div>

<script>

    //append
    $('.testdiv ul').append('<li>append 插入的li</li>');
    //prepend
    $('.testdiv ul').prepend('<li>prepend 插入的li</li>');
    //after
    $('.testdiv ul').after('<li>after 插入的li</li>');
    //before
    $('.testdiv ul').before('<li>before 插入的li</li>');

</script>