jquery插入元素：append、prepend、after、

各种插入的区分：
首先有一个div，里面有文字

<style>
        .myDiv{
            width: 100px;
            height: 100px;
            margin:20px;
            background-color: red;
        }
</style>
<div class="myDiv">哈哈</div>

image.png
append

var html='<span class="ele">追加的元素</span>';
$(".myDiv").append(html);

结果：

image.png

---

prepend

$(".myDiv").prepend(html);

结果：

image.png

---

after

$(".myDiv").after(html);

结果：在元素之后加入

image.png

---

before

$(".myDiv").before(html);

结果：在元素之前加入

image.png

---

prependTo，appendTo，insertAfter，insertBefore本人不爱用~ 道理都是一样滴~