append，appendTo/prepend,prependTo 的区别

---

一语概括就是：append、prepend 就是父元素里放什么什么在前面/后面；
appendTo、prependTo 就是把什么什么放进父元素前面/后面；

html如下

---

<input type="text" id="user"> 
<input type="button" value="添加" id="add">
<ul id="ul">
    <li>默认--</li>
</ul>


<script>
    /* 
    元素内部 
        末尾添加
            append(content|fn)
            appendTo(content)
        开头添加
            prepend(content|fn)
            prependTo(content)
    */
    
    $("#add").on("click",function(){
       var v= $("#user").val();     //获取input 的value值
       var li= $(`<li>${v}</li>`); // jq创建dom 对象
    
    //    $("#ul").append(li);
    //    li.appendTo( $("#ul") )
    //    $("#ul").prepend(li);
    //     li.prependTo( $("#ul") )
        
    })