jquery DOM 处理

1、内部插入 父子级

$(a).append($(b)) 把b插入到a中，放到a里面的后面

$(b).appendTo($(a))把b插入到a中，放到a里面的后面

$(a).prepend($(b))把b插入到a中，放到a里面的前面

$(b).prependTo($(a))把b插入到a中，放到a里面的前面

2、外部插入 兄弟级

$(a).after($(b))把b插入到a的后面

$(b).insertAfter($(a))把b插入到a的后面

$(a).before($(b))把b插入到a的前面

$(b).insertBefore($(a))把b插入到a的前面

3、包裹

$(a).wrap($(b))把a用b包裹起来，b是父级 每个元素都会添加

$(a).wrap("<div></div>")用div把a包裹起来。添加div父节点 每个元素都会添加

$(a).wrap(function(){ return $(b)}) 把a用方法返回的元素包裹起来。每个元素都会添加

$(a).unwrap() 取消a的包裹，去掉父级。

$(a).wrapAll($(b))把所有a用b包裹

$(a).wrapInner($(b))内部包裹，把a内的元素在加一层包裹b 每个a元素内部都会添加

4、替换

$("p").replaceWith("<b>bbb<b>")把p替换成<b>bbb<b>

$("p").replaceWith(function(){ return "<b>bbb<b>";)}) 把p替换成<b>bbb<b>

$("<b>bbb</b>").replaceAll($("p"))把p替换成<b>bbb<b>

5、删除

$("div").empty()把div下的所有内容清空 div元素保留

$("div").remove()删除div元素连同子元素

$("div").remove(".d1")把class是d1的div删除

$("div").detach()

$("div").detach(".d1")把class是d1的div删除

从DOM中删除所有匹配的元素。

这个方法不会把匹配的元素从jQuery对象中删除，因而可以在将来再使用这些匹配的元素。与remove()不同的是，所有绑定的事件、附加的数据等都会保留下来。

6、复制

$(a).clone() 复制一个a元素