关键词：外部 末端 插入
$(目标元素).after(content) 笼统理解为在什么元素之后加入什么内容
html: <p>这是目标元素</p>
jquery: $("p").after("<span>这是插入内容</span>")
那么执行后的结果就是：
html：<p>这是目标元素</p>
<span>这是插入内容</span>
$(content).inserAfter(目标元素) 为了适应我们中文的表达，把inserAfter()记忆为“在什么之后插入”，而after()与其相反
jquery: $("<span>这是插入内容</span>").inserAfter("p")
关键词：外部 首端 插入
$(目标元素).before(content)
html: <p>这是目标元素</p>
jquery: $("p").before("<span>这是插入内容</span>")
那么执行后的结果就是：
html： <span>这是插入内容</span>
<p>这是目标元素</p>
$(content).inserBefore(目标元素) 为了适应我们中文的表达，把inserBefore()记忆为“在什么之前插入”，而before()与其相反
jquery: $("<span>这是插入内容</span>").inserBefore("p")
after()和inserAfter(),before()和inserBefore()区别
原文：http://www.cnblogs.com/yzhweb/p/7468327.html