节点的删除

103 阅读1分钟
<script>

// (li:eq(0)).click(function()//alert(1)//)///替换节点replaceWith///('li:eq(0)').click(function () { // alert(1) // }) // /* 替换节点 replaceWith */ // ('button').click(function () { // let h1 = (<h1>我爱学习</h1>)///第一个lih1所替换/////('<h1>我爱学习</h1>') // /* 第一个li被h1所替换*/ // // ('li:eq(0)').replaceWith(h1) // /* 用h1来替换第一个li */ // // h1.replaceAll( $('li:eq(0)') )

// /* true复制事件处理,flase时反之 // / // / false或者不传参数都不能实现复制事件 */ // let cloneLi = (li:eq(0)).clone()//('li:eq(0)').clone() // ('ul').append(cloneLi)

// })

    /* remove  删除整个节点*/
    // $('button').click(function(){
    //     // $('li:eq(0)').remove();
    //     $(this).remove()
    // })
    /* remove 可以自己删除自己 */
    // $('li:eq(0)').click(function(){
    //     $(this).remove()
    // })

    /* empty 清空节点内容 */
    // $('button').click(function(){
    //     $('li:eq(0)').empty();
    // })

    /* detach():删除整个节点,保留元素的绑定事件、附加的数据 */
    /* empty remove 和 detach 执行完之后都有返回值 
    返回删除的节点*/
    $('li:eq(0)').click(function(){
        alert('你好')
    })
    
    $('button').click(function(){
       let liDel = $('li:eq(0)').detach();
       $('ul').append(liDel)
    })
</script>