DOM内部插入append()与appendTo()

Posted 廖利君

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM内部插入append()与appendTo()相关的知识,希望对你有一定的参考价值。

DOM内部插入append()与appendTo()

动态创建的元素是不够的,它只是临时存放在内存中,最终我们需要放到页面文档并呈现出来。那么问题来了,怎么放到文档上?

这里就涉及到一个位置关系,常见的就是把这个新创建的元素,当作页面某一个元素的子元素放到其内部。针对这样的处理,jQuery就定义2个操作的方法

 

append:这个操作与对指定的元素执行原生的appendChild方法,将它们添加到文档中的情况类似。

appendTo:实际上,使用这个方法是颠倒了常规的$(A).append(B)的操作,即不是把B追加到A中,而是把A追加到B中。


简单的总结就是:

.append()和.appendTo()两种方法功能相同,主要的不同是语法——内容和目标的位置不同

append()前面是被插入的对象,后面是要在对象内插入的元素内容
appendTo()前面是要插入的元素内容,而后面是被插入的对象

 

以上是关于DOM内部插入append()与appendTo()的主要内容,如果未能解决你的问题,请参考以下文章

jQuery修炼心得-DOM节点的插入

jQuery DOM节点的插入

jQuery DOM

dom节点的操作

DOM节点的插入(jQuery)

DMO节点内部插入的常用方法与区别