美文网首页
JQuery的empty()和remove()

JQuery的empty()和remove()

作者: Leophen | 来源:发表于2019-03-23 15:09 被阅读0次

    要用到移除指定元素的时候,jQuery提供了empty()与remove([expr])二个方法,两个都是删除元素,但是两者还是有区别


    效果对比.gif

    empty方法

    1、严格地讲,empty()方法并不是删除节点,而是清空节点,它能清空元素中的所有后代节点
    2、empty不能删除自己本身这个节点
    3、例子:

    <div class="a"><p>123</p></div>
    //通过empty处理
    $('.a').empty()
    //结果:<p>123</p>被移除
    <div class="hello"></div>
    

    remove方法

    1、该节点与该节点所包含的所有后代节点将同时被删除
    2、提供传递一个筛选的表达式,删除指定合集中的元素
    3、例子:

    <div class="a"><p>123</p></div>
    //通过remove处理
    $('.a').remove()
    //结果:<div class="hello"><p>123</p></div> 全部被移除
    //节点不存在了,同事事件也会被销毁
    

    相关文章

      网友评论

          本文标题:JQuery的empty()和remove()

          本文链接:https://www.haomeiwen.com/subject/mojsvqtx.html