jq基础-删除节点

<!-- <ul>
        <li>我是程序员1</li>
        <li>我是程序员2</li>
        <li>我是程序员3</li>
    </ul> -->
    <!-- <h1>我的手机不见了</h1> -->

    <p>我是p元素点我试试</p>
    <button title>del</button>
    <button aa>add</button>
    <script src="./jquery-1.12.4.js"></script>
    
        /* 点击按钮删除p元素，再点击添加按钮，可以把p元素追加到body中 */
        /* 点击p可以弹出我爱js */
        // $('button[title]').click(function(){
        //     x = $('p').detach();
        // })
        // $('button[aa]').click(function(){
        //     $('body').append(x)
        // })
        // $('p').click(function(){
        //     alert('感谢陆敏浩拯救了100多个学生')
        // })
        
        
     // let x;
        // $('button[title]').click(function(){
        //     /* remove方法删除整个节点 包括子节点 */
        //     // $('ul').remove();
        //     /* empty 清空节点的内容 会保留自身节点，子节点全部删除 */
        //     // $('ul').empty();
        //     /* detach 删除整个节点，保留元素的绑定事件、附加的数据 */
        //     x = $('h1').remove();
        //     console.log(x);
        // })
        // $('button[aa]').click(function(){
        //     $('body').prepend(x);
        // })
        /* detach remove 对于原生的绑定事件 删除之后，绑定的事件都起作用 */
        // document.getElementsByTagName('h1')[0].addEventListener('click',function(){
        //     alert(123)
        // })
        // $('h1').on('click',function(){
        //     alert(123)
        // })
        // $('h1').click(function(){
        //     alert(123)
        // })