jQuery的DOM操作

1.append appendTo 插入在容器的尾部

$("body").append("<div></div>");//返回的是body
$("<div></div>").appendTo("body");//返回的是div
$("div").append(function(index){
        return `<span>${index}</span>`
 })//插入span1，2，3,，4，5

2.prepend prependTo 插入在容器的头部
同上

3.插入在div的兄弟元素下一个

           $("div").after("<a></a>");
           $("<a></a>").insertAfter("div");

4.插入在div的兄弟元素上一个

           $("div").before("<a></a>");
           $("<a></a>").insertBefore("div");
           $("div").before("<a></a>")
           $("<a></a>").insertBefore("div")

5. 给每个元素包裹一个父元素

 $("span").wrap("<div></div>");

取消元素包裹层，即删除父元素

$("span").unwrap();

6.给选择的元素外面整体包裹一个父元素

 $("span").wrapAll("<div></div>");

7.给选择元素的内容或者子元素包裹一个元素

 $("span").wrapInner("<a href='#'></a>")

8.jQuery的clone全部都是深复制

  $("span").clone(false).appendTo("body");

clone(布尔值) false不复制事件，true复制事件

9.jQuery中remove()不但删除元素，还将元素的事件也删除了

 div.remove();

10.detach不删除事件，下次重新放入时，事件仍然有效

div.detach();

11.empty()清除元素子元素和内容

div.appendTo("body");
div.empty();

12.删除选择div列表中class是div1的

    $("div").remove(".div1");

13.元素的替换

$("<p></p>").replaceAll("div");
        $("div").replaceWith("<p></p>");