jquery 节点的删除

1.remove()2.detach（)3.empty（）

1.remove()

remove() 方法移除被选元素，包括所有的文本和子节点，以及数据和事件。

$(function(){
          $('ul').remove()
        })

<ul class="5">
        123
        <li title="篮球" class="3">篮球</li>
        <li title="足球">足球</li>
        <li title="羽毛球">羽毛球</li>
    </ul>

使用remove方法删除 返回值是你删除的值可以再次使用

$(function(){
         let a = $('ul li:eq(0)').remove()
         a.appendTo($('ul'))
        })

注意：新添加的标签 事件会失效 需要重新绑定。

2.detach（)

detach()方法删除跟remove（）一样，在删除节点后，同样也可以赋值给变量再次使用。

$(function () {
            let a = $('ul >li:eq(0)').detach()
            a.appendTo($('ul'))
        })

添加后的元素 会保留原来的 事件

3.empty（）

empty（）方法与其说是删除 应该是清楚被选元素的内容  文本内容以及后代元素

$(function () {
             $('ul').empty()
        })

只剩下被选元素ul了 只有里面的内容会被清楚.