after()和inserAfter(),before()和inserBefore()区别

关键词：外部   末端  插入

$(目标元素).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")