JQuery 修改元素 html() append() after() 区别

• html()：返回或设置被选元素的内容。
• append()：在被选元素的结尾（仍然在内部）插入指定内容。
• after()：被选元素后插入指定的内容。

---

示例：

<p id="1">
  <p>123</p>
</p>

• $("#1").html("<span>456</span>")执行结果：

  <p id="1">
    <span>456</span>
  </p>
  

• $("#1").append("<span>456</span>")执行结果：

  <p id="1">
    <p>123</p>
    <span>456</span>
  </p>
  

• $("#1").after("<span>456</span>")执行结果：

  <p id="1">
    <p>123</p>
  </p>
  <span>456</span>
  

---

JQuery 移除元素 empty() remove() 区别

JQuery中移除指定元素时，发现empty()与remove([expr])都可以用来实现。两者区别如下：

• empty()：只移除了指定元素中的所有子节点。
• remove([expr])：是把其从dom中删除，而不会保留其所占的位置。

---

示例：

<p>Hello</p>
World
<p>welcome</p> 

• $("p").empty()执行结果：

  <p></p>
  World
  <p></p> 
  

• $("p").remove()执行结果：

  World