六、节点替换、包裹

 

1.替换

//用a标签替换div
    
        //1.通过replaceWith删除并替换这个节点
        $(".green:eq(0)").replaceWith("<a>哈哈</a>");
        
        //2.通过replaceAll删除替换一个节点
        $("<a>哈哈</a>").replaceAll(".green:eq(1)");

2.包裹

//给单个元素添加父元素(有的时候也可以给集合添加)
        $('.green:eq(0)').wrap('<div></div>');
    
        
        //给集合元素添加父元素(有的时候也可以给单个元素添加)
        $(".green:eq(0)").wrapAll('<div></div>');
        
        //综上，wrap()和wrapAll()函数没什么区别
        
        //删除包裹元素的父元素
        $('.green:eq(0)').unwrap();
        
        //给所有.green的里的子元素都包裹上一层p
        $('.green').wrapInner('<p></p>');