分析用的源码：
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script> <script type="text/javascript"> $().ready(function(){ $("#button1").click(function(){ $("span").append(‘<a href="#">append方法</a>‘); }) $("#button2").click(function(){ $("span").after(‘<a href="#">after方法</a>‘); }) $("#button3").click(function(){; $(‘<a href="#">appendTo方法</a>‘).appendTo("span"); }) }) </script> </head> <body> <span>JQuery的append、after、appendTo、pretend、before方法的区别</span> <button id="button1">append</button> <button id="button2">after</button> <button id="button3">appendTo</button> <p>要想看出区别，请F12看源码，右击不行</p> </body> </html>
Jquery基础：append、prepend、after、before、appendTo的区别
原文：http://www.cnblogs.com/ferron/p/4560336.html