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
    
已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页