JS和JQ中appendChild()相关注意事项

参考网站
append

案例

//新建一个div元素节点
var div = document.createElement("div");
//创建文本节点
var txt = document.createTextNode("我爱你");
//加文本以子节点形式加入到div元素中
div.appendChild(txt);
//把div元素节点添加到body元素节点中成为其子节点，但是放在body的现有子节点的最后
document.body.appendChild(div);

效果

注意事项
1、appendChild(Node)这个 方法一般是在指定元素节点的最后一个子节点之后添加节点

2、但如果Node是页面中的DOM对象，那么就不是添加节点了，就是直接Move节点。

只能传一个节点，且不直接支持传字符串【需要 appendChild(document.createTextElement(‘字符串’))代替】，返回追加的 Node 节点；

JQuery之append和appendTo的区别

append()前面是要选择的对象，后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容且为Jquery对象，而后面是要选择的对象

案例：

$('#uname').append('content'); 
$('<div>content</div>').appendTo($('#uname')); 

注意事项
appendTo前面一定要是Jquery对象。