参考资料:http://blog.csdn.net/xiangxiangw29/article/details/52460563
append、appendTo、appendChild、在父节点中的最后一个子节点后面插入。append和appendTo区别是append的前面是对象,后面是要插入的节点对象。
比如append var wrap=document.getElementById('wrap'); wrap.append('<p>111111</p>');
而 appendTo $('<p>1111</p>').appendTo($('wrap'));
appendChild 是JS方法,和append一样,插入到父节点中最后一个子节点之后。
上面的 都是在插入父元素中的子节点最后。
prepend、prependTo
上面两个的 都是在插入父元素中的子节点最前面。
after 、insertafter
上面两个的 都是在插入当前元素之后。
before 、insertbefore
上面两个的 都是在插入当前元素之前。
innerHTML是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerHTML='<p>1111222</p>';
innerTEXT是把当前内容都换掉,是JS原生方法,可以写入元素节点。用法 DOM.innerText='<p>1111222</p>';
jquery方法是html()和text();