append、appendTo、appendChild、prepend

参考资料：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();

append、appendTo、appendChild、prepend相关推荐

jquery创建添加append、prepend、appendTo、prependTo、after、insertAfter、before、insertBefore
全栈工程师开发手册 (作者:栾鹏) jquery系列教程2-DOM操作全解 jquery创建添加元素 jquery支持直接使用h5代码作为参数创建元素,将元素添加到dom树中append.prepen ...
一些方法：JQ: append() 、appendTo() || JS：appendChild()：
JQ .append() 方法实例在每个 p 元素结尾插入内容: $("button").click(function(){$("p").append(&q ...
jQuery总结四、append 与appendTo、after、before、wrap、unwrap、replaceWith、empty()、remove；detach、is、hasclass
一.append 与appendTo 1.1.1 append append向每个匹配的元素内部追加目标 content:欲追加的内容String.Element.jQuery fn:functio ...
转：jQ函数after、append、appendTo的区别
1.after函数定义和用法: after() 方法在被选元素后插入指定的内容.参考:http://keleyi.com/a/bjac/cfyxd60g.htm 语法: $(selector).af ...
JQuery中html、append、appendTo、after、insertAfter系列方法
2019独角兽企业重金招聘Python工程师标准>>> html方法,给元素添加html代码或者清空html代码(参数为空字符串): append向元素的末尾添加html代码: ap ...
after、append和appendTo三个函数的区别
jq文档的说明是 1.after函数定义和用法: after() 方法在被选元素后插入指定的内容. 语法: $(selector).after(content) 实例: <html> & ...
jQ函数after、append、appendTo的区别
1.after函数定义和用法: after() 方法在被选元素后插入指定的内容.参考:http://keleyi.com/a/bjac/cfyxd60g.htm 语法: $(selector).af ...
jquery中before、insertBefore、after、insertAfter、append、appendTo用法解析
这六个都是在指定位置插入元素,不过插入位置不同,书写方法不同,并且两两对应. before和insertBefore <div id="content" style=&quo ...
js便签笔记（3）——切记：appendChild()、insertBefore()是移动element节点！
appendChild().insertBefore()是移动element节点,看书的时候注意过,也可以做一个简单的例子测试一下: <div id="div1">&l ...

append、appendTo、appendChild、prepend

append、appendTo、appendChild、prepend相关推荐

最新文章

热门文章