jquery:替换和复制节点

189 阅读1分钟
<ul>
        <li>我是南京1号市民</li>
        <li>我是南京2号市民</li>
        <li>我是南京3号市民</li>
    </ul>
    <script src="./jquery-1.12.4.js"></script>
    <script>
        /* $(".gameList li:eq(2)").replaceWith($newNode1); */
        /* 使用新创建的节点去替换老的节点  */
        // $('ul li').eq(0).replaceWith( $('<h1>我是程序员1号</h1>') )
        /* 两者的关系类似于append()和appendTo() */
        // $('<h1>我是程序员1号</h1>').replaceAll( $('ul li').eq(0) )

        /* 参数ture或flase, true复制事件处理,flase时反之 默认false */
        $('ul li').eq(0).click(function(){
            $('ul').append( $(this).clone(true) );
        })
        $('ul li').eq(1).click(function(){
            $('ul').append( $(this).clone(false) );
        })
    </script>