append, appendTo, after区别（preappend、before与这几个原理相同）

append在被选元素结尾插入内容，是被包围在所选元素的标签内的。

 <script>

     $('p').append('<a>http</a>');

 </script>

 <body>

   <p>在p标签内插入内容</p>

 </body>

//结果是：

<p>在p标签内插入内容<a>http</a></p>

appendTo在被选元素结尾插入内容，是被包围在所选元素的标签内的。他的方向和append相反。

 <script>

      $('<a>http</a>').appendTo('p');

 </script>

 <body>

    <p>在p标签内插入内容</p>

 </body>

//结果是：

<p>在p标签内插入内容<a>http</a></p>

after在被选元素之后插入内容，是在所选元素的标签外的。

 <script>

     $('p').after('<a>http</a>');

 </script>

 <body>

    <p>在p标签内插入内容</p>

 </body>

//结果是：

<p>在p标签内插入内容</p><a>http</a>

秒客网