append
<p>
<span class="s1">s1</span>
</p>
<script>
$("p").append('<span class="s2">s2</span>');
</script>
結果是這樣的:
<p>
<span class="s1">s1</span>
<span class="s2">s2</span>
</p>
after
<p>
<span class="s1">s1</span>
</p>
<script>
$("p").after('<span class="s2">s2</span>');
</script>
結果是這樣的:
<p>
<span class="s1">s1</span>
</p>
<span class="s2">s2</span>
總結:
append/prepend 是在選擇元素内部嵌入。
after/before 是在元素外面追加。
轉載于:https://www.cnblogs.com/EricZLin/p/8434322.html