之前做項目對於這幾個的方法總是有點模糊，尤其是prepend和prependTo;
1.append
<style> span{ background:yellow; } .test{ background:#ccc; height:50px; } .test_1{ background:red; } </style> <body> <div class="test"><span class="test_1">我就站在這里</span></div> </body> <script> $('.test').append("<span>我是測試快</span>"); </script>
append是插入元素內部的后面
2.appendTo
$('<span>我是測試快</span>').appendTo($('.test'));
和上面產生一樣的效果，就是寫法換了一下
3.prepend
$('.test').prepend("<span>我是測試快</span>");
這個方法和append做對比
append是插入元素內部的后面，而prepend是插入元素內部的最前面
4.prependTo
$('<span>我是測試快</span>').prependTo($('.test'));
上面的效果和prepend中的效果一樣