jQuery拼接HTML标签元素

1. append & appendTo 的功能均为：在被选元素结尾（仍在元素内部）插入指定内容，但是内容和选择器的位置不同　

　　(1) append()方法：

　　　　//在id为element元素内部末尾插入<p>拼接的元素</p>

　　　　$("#element").append("<p>拼接的元素</p>");

 

　　(2) appendTo()方法：

　　　　 //在id为element元素内部末尾插入<p>拼接的元素</p>

　　　　$("<p>拼接的元素</p>").appendTo("#element");

2. insertBefore & before & insertAfter & after

　　(1) insertBefore() & before() 方法 ：在被选元素前（元素外部）插入指定内容

　　　　 //在id为element的元素前插入<p>拼接的元素</p>

　　　　$("<p>拼接的元素</p>").insertBefore("#element");

　　　　注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之前。

　　　　 //在id为element的元素前插入<p>拼接的元素</p>

　　　　$("#element").before("<p>拼接的元素</p>");

　　(2) insertAfter() & after()方法：在被选元素后（元素外部）插入指定内容

　　　　//在id为element的元素后插入<p>拼接的元素</p>

　　　   $("<p>拼接的元素</p>").insertAfter("#element"); 

　　　　注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之后。

 　　　　//在id为element的元素后插入<p>拼接的元素</p>

　　　　$("#element").after("<p>拼接的元素</p>");