DOM的内部插入和外部插入

/*****************返回值都是最前面调用这个方法的元素 ***************** */

//这是外部插入

 $("div").insertBefore($("span")); //把div插在span的前面,返回值是 $("div")
 $("div").before($("span")); //div的前面是span(span在div前面),返回值是 $("div")

 $("div").insertAfter($("span")); //把div插在span的后面,返回值是 $("div")
 $("div").after($("span")); //div的后面是span(span在div后面),返回值是 $("div")

 

 

//这是内部插入

 $("div").appendTo($("span")); //把div追加到span内部的后面
 $("div").append($("span"));    //div内部的后面是span
 $("div").append($("<p>ppp</p>"))

 $("div").prependTo($("span")); //把div追加到span内部的前面
 $("div").prepend($("span")); //div内部的前面是span