添加删除区别

1. html方法，给元素添加html代码或者清空html代码（参数为空字符串）；

2.append向元素的末尾添加html代码；

3.appendTo这个方法跟append方法的很像，只是要添加的html代码的目标有所不一样；

4.after向元素的后边添加html代码，如果元素后面有元素了，那将后面的元素后移，然后将html代码插入；

5.before向元素的前边添加html代码，如果元素前面有元素了，那将前面的元素前移，然后将html代码插入；

6.insertAfter将JQuery封装好的元素插入到指定元素的后面，如果元素后面有元素了，那将后面的元素后移，然后将JQuery对象插入；

7.insertBefore将JQuery封装好的元素插入到指定元素的前面，如果元素前面有元素了，那将前面的元素前移，然后将JQuery对象插入；

8.empty清空元素内部的html代码，它只是清空内部的html代码，但是标记仍然留在DOM中；

9.remove从DOM中移除整个元素；

after()和before()方法的区别

after()——其方法是将方法里面的参数添加到jquery对象后面去

如：A.after(B)的意思是将B放到A后面去；

before()——其方法是将方法里面的参数添加到jquery对象前面去。 如：A.before(B)的意思是将A放到B前面去；

二、insertAfter()和insertBefore()的方法的区别
其实是将元素对调位置；

可以是页面上已有元素；也可以是动态添加进来的元素。

如：A.insertAfter(B);即将A元素调换到B元素后面；
如<span>CC</span><p>HELLO</p>使用$("span").insertAfter($("p"))后，就变为<p>HELLO</p><span>CC</span>了。两者位置调换了

三、append()和appendTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；
如：A.append(B)的意思是将B放到A中来，后面追加,A的子元素的最后一个位置；

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
如：A.appendTo(B)的意思是将A放到B中去，后面追加,B的子元素的最后一个位置；

四、prepend()和prependTo()方法的区别

append()——其方法是将方法里面的参数添加到jquery对象中来；
如：A.append(B)的意思是将B放到A中来，插入到A的子元素的第一个位置；

appendTo()——其方法是将jquery对象添加到appendTo指定的参数中去。
如：A.appendTo(B)的意思是将A放到B中去，插入到B的子元素的第一个位置；