JQuery替换和删除元素

1、replaceWith方法
用提供的内容替换集合中所有匹配的元素并且返回被替换元素的集合
参数类型说明：
1）普通字符串(可包含各种html标签)
2）jQuery对象
①使用函数创建的新元素(jQuery对象)
②使用函数获取页面中已经有的元素(jQuery对象)
此时会将已有的元素移动到新位置
③使用clone方法克隆页面中已经有的元素(jQuery对象)
3）html元素对象、html元素对象数组
4）函数
有多少个匹配元素，这个函数就会执行多少次！函数可以接受到两个参数：第一个是当前元
素的序号、第二个是当前元素内的html函数内部this代表当前的html元素对象
return 的数据就是替换成的内容（可以为html元素，也可以是jQuery对象）

2、replaceAll方法
用集合的匹配元素替换每个目标元素（同replaceWith）
与replaceWitch区别：
目标和源相反
创建新元素返回的jQuery对象与
选择页面中已有元素返回的jQuery对象都可调用此方法(选择页面中已有元素表示将已有的
元素移动至目标元素处)！
参数(表示要插入元素的目标位置)：
Selector或者jQuery对象或者html元素对象/html元素对象数组
3、empty()方法
这个方法不接受任何参数。
这个方法不仅移除子元素（和其他后代元素），同样移除元素里的文本。因为，根据说明，元素里任何文本字符串都被看做是该元素的子节点。请看下面的HTML：

Hello

Goodbye

我们可以移除里面的任何元素 $('.hello').empty(); 结果文本 Hello文本被删除：

Goodbye

如果

里面包含任何数量的嵌套元素，他们也会被移走。 为了避免内存泄漏，jQuery先移除子元素的数据和事件处理函数，然后移除子元素。 如果你想删除元素，不破坏他们的数据或事件处理程序（这些绑定的信息还可以在之后被重新添加回来），请使用.detach()代替 。 4、detach()方法 .detach() 方法和.remove()一样, 除了 .detach()保存所有jQuery数据和被移走的元素相关联。当需要移走一个元素，不久又将该元素插入DOM时，这种方法很有用。