jquery的append/prepend和after/before有什麼區別呢？

標籤：end   選擇   query   class   pre   style   嵌入   元素   script   

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 是在元素外面追加。

jquery的append/prepend和after/before有什麼區別呢？