jQuery_节点操作

一.内部插入节点

$('div').append(node);     //在div内部的后面追加元素
node.appendTo($('div'));   //把node追加到div内部的后面
$('div').prepend(node);    //在div内部的前面追加元素
node.prependTo($('div'));  //把node追加到div内部的前面

eg: 
$('div').append("<p>我是动态添加的元素</p>")
//追加到div内部，如果div内部还有别的元素，追加在后面。

二.外部插入节点

$('div').after(node);  //在div后面添加兄弟节点node
$('div').before(node);  //在div前面添加兄弟节点node
$('div').insertBefore(node);  //在div插入到node前面
$('div').insertAfter(node);  //在div追加到node后面

三.删除节点

$('div').remove();  //删除选中的元素，‘自杀’
$('div').empty();  //清空子元素

eg：
$("div").empty();
$("div").html(); 
// 两者的效果是一样的，推荐使用html(),高效

四.复制节点

$("div").clone();   //复制节点
//如果添加参数true，就是深复制，会将复制元素的事件也copy一份。
//没有参数就是浅复制，没有复制绑定的事件。

五.包裹节点

$("div").wrap();   //包裹 单个包裹
$("div").wrapAll(node);   //包裹 所有包裹在node中

六.替换节点

$("div").replaceWidth(node);   //替换

七.选择元素

 $("div").prevAll();  //选择元素前面的兄弟节点
 $("div").nextAll();  //选择后面元素的兄弟节点