Question

JQuery之append和appendTo的区别，还有js中的appendChild用法

Answer 1

appendTo会将元素从当前位置移除，移动到指定元素后面去，append则不会。

appendChild是为指定元素添加子元素。

Answer 2

//append接收两个参数,html和appendFun
//html必填，appendFun可选
//appendFun函数也接受两个参数，index和html
//index是当前对象的索引,html是这个对象原来的html值
//用法
$("p").append("<b>粗体</b>"); //在所有的p元素尾部加一段html代码
$("p").append("<b>粗体</b>", function(index, html){
    console.log("当前P索引：" + index);
    console.log("当前P的HTML：" + html);
});    //在所有的p元素尾部加一段html代码并输出这些p元素的信息
//appendTo接收一个参数,selected
//selected必填，代表要把这个对象追加到哪个dom内
//用法
$("p").appendTo("body"); //把当前所有的P元素追加到body尾部
$("p").appendTo("#div"); //把当前所有的P元素追加到ID为div的dom尾部
$("<div />").appendTo("body");//新建一个div追加到body尾部

//简单来说就是append是把一段html字符串追加到已有的dom对象尾部，而appendTo是把一个已有的一个dom(也可以是html)对象追加到另外一个已存在于文档当中的dom尾部。