吴旭晓个人博客 繁体中文 简体中文

（一）after()和before()方法的区别

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

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

?

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

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

????????如：A.insertAfter(B);即将A元素调换到B元素后面；
?????? ?如CC

HELLO

使用$("span").insertAfter($("p"))后，就变为

HELLO

CC了。两者位置调换了

?????（三）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的子元素的第一个位置；

??????? (一)(二)方法与(三)(四)方法的区别就在于：后者是外部插入，即在元素外面添加，作为元素的兄弟节点；
??????? 前者是在内部插入，即在元素内部进行添加，作为元素的子节点。

　　　　　　第(一)(二)方法很相似。