append在被選元素結尾插入內容，是被包圍在所選元素的標簽內的。
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相反。
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在被選元素之后插入內容，是在所選元素的標簽外的。
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>