jquery dom 操作

1.创建元素

1. let img=$("<img>")

2.内部插入

1. 后部插入 append();
2. $("<img src='../'>").appengTo(".box")\
3. 前部插入 .prepend()
4. $("").prependTo();

3.外部插入

1. .after() 外部后部插入
2. $("").insertAfter();
3. .before() 外部前部插入
4. $("").insetBefore()

4.包裹

1. $(".box").wrap("
2. ") 在选中的元素 外面用li包裹
3. wrapAll() 把在选中的元素 用li包裹 只包裹最外层
4. wrapinner() 在选中元素里里面包裹
5. unwrap(); 去掉包裹

5.替换

1. $(".box").replaceWith("
   ")
2. $("").replaceAll(".box") 语法不一样

6.删除

1. $(".box").empty() 清空所有子元素
2. remove() 删除被选中的元素
3. detach() 删除被选中的元素（可以恢复被删掉的元素 append() 事件都还在 ）

7.克隆

1. $(".box").clone().appendTo(“body”);