JQ文档处理

1. 内部插入

• append(content|fn)
  追加当前元素的内容之后

 //$(".block").append($(".small"));
    //fn回调函数问题   参数是index  索引   html  当前元素的html内容
    //$(".block").append(function (index, html) {
    //    console.log(index, html);
    //    return $(".small");
    //});

• appendTo(content)
  追加当前元素的内容之后

 //区别：两个方法  前后位置颠倒
    //$(".small").appendTo($(".block"));

• prepend(content|fn)
  追加到当前元素的内容之前

 //$(".block").prepend($(".small"));

    //fn 函数
    //$(".block").prepend(function (index,html){
    //    console.log(index, html);
    //    return $(".small");
    //});

• prependTo(content)
  追加到当前元素的内容之前

//区别：前后位置颠倒
    //$(".small").prependTo($(".block"));

2.外部插入

after(内容):在每个匹配元素之后插入内容

before(内容):在每个匹配元素之前插入内容

insertAfter(另一个匹配元素):将所有匹配元素插入到另一个匹配元素的后边

insertBefore(另一个匹配元素):将所有匹配元素插入到另一个匹配元素的前边

3.包裹

wrap(内容):将被匹配元素用内容包裹

unwrap():将匹配元素的父元素移除,来解除包裹

wrapAll(内容):将所有匹配的元素用内容包裹

wrapInner(内容):将所有匹配的元素的子内容用内容包裹

4.替换

replaceWith(内容):将所有匹配的元素替换成内容

replaceAll(内容):将内容替换成所有匹配的元素

5.删除

empty();删除匹配元素的所有子元素

remove([seletor]):将匹配元素从DOM中删除,可以用参数更加的精确

detach([seletor]):将匹配元素从Dom中删除,可以用参数更加的精确.区别自己去查

6.复制

clone():克隆匹配的DOM元素

clone(true):克隆匹配的DOM元素以及所有的事件处理