Jquery中的DOM操作 (四.复制和替换节点)

 $(function(){
        //5.复制节点
                //1.clone()方法中传递参数true,它的含义是复制元素的同时复制元素所绑定的事件,否则不会复制事件
                        //不会复制事件
                        $("ul li").click(function(){
                                $(this).clone().appendTo("ul");
                        });
                          //会复制事件
                        $("div li").click(function(){
                                      $(this).clone(true).appendTo("div");
                         });
            //5.替换节点
                //replaceWith()和replaceAll()
                //如果替换之前,已经为元素绑定事件,替换后原先绑定的事件将会与被绑定的元素
                //一起消失,需要在新元素上重新绑定事件
                            $("#one").replaceWith("
你喜欢的是?
");
                            $("你喜欢的是?").replaceAll("#two");
        });

你最喜欢的水果是?
你最喜欢的水果是?
你最喜欢的水果是?

    
西瓜
    
葡萄
    
香瓜



    
苹果1
    
菠萝1
    
橘子1