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>