append, appendTo, after區別（preappend、before與這幾個原理相同）

時間 2019-11-25

標籤 append appendto 區別 preappend 幾個原理相同简体版

原文原文鏈接

append在被選元素結尾插入內容，是被包圍在所選元素的標籤內的。app

1 <script>
2     $('p').append('<a>http</a>');
3 </script>
4 
5 <body>
6   <p>在p標籤內插入內容</p>
7 </body>

//結果是：

<p>在p標籤內插入內容<a>http</a></p>

appendTo在被選元素結尾插入內容，是被包圍在所選元素的標籤內的。他的方向和append相反。spa

1 <script>
2      $('<a>http</a>').appendTo('p');
3 </script>
4  
5 <body>
6    <p>在p標籤內插入內容</p>
7 </body>

//結果是：

<p>在p標籤內插入內容<a>http</a></p>

after在被選元素以後插入內容，是在所選元素的標籤外的。code

1 <script>
2     $('p').after('<a>http</a>');
3 </script>
4 
5 <body>
6    <p>在p標籤內插入內容</p>
7 </body>

//結果是：

<p>在p標籤內插入內容</p><a>http</a>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。