jquery中append()方法與after()方法的區別

jQuery append() 方法

在被選元素（內部）的結尾插入內容，該內容變成該元素的子元素或節點。

append與被選擇的元素有邏輯上的聯絡，是在指定元素內部追加。

使用語法

$(selector).append(content)

使用例項

$('.a').append($('.c'));
<div class='a'> //<---you want div c to append in this
  <div class='b'>b</div>
  <div class='c'>c</div>
</div>

jQuery after() 方法

在被選元素之後插入內容，其內容變成元素的兄弟節點。

after與被選擇的元素並沒有什麼邏輯上的聯絡，是在指定元素外部且緊挨追加。

使用語法

$(selector).after(content)

使用例項

$('.a').after($('.c'));
<div class='a'>
<div class='b'>b</div>
</div>
<div class='c'>c</div>

在jquery中進行元素末尾新增元素的具體操作中，有與這兩種使用方法。但是二者在具體使用上還是有區別的，append()方法在被選元素（內部）的結尾指定元素內部追加插入內容，而after()方法在被選元素之後指定元素外部且緊挨追加插入內容。

以上就是jquery中append()方法與after()方法的區別，在jquery中進行元素末尾新增元素使用過程中，一定要注意區分使用哦~更多JavaScript學習推薦：。

推薦操作環境：windows7系統、jquery3.2.1版本，DELL G3電腦。