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

Bacer發表於2021-09-11

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電腦。

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/2768/viewspace-2831048/,如需轉載,請註明出處,否則將追究法律責任。

相關文章