jQuery DOM节点

jQuery DOM节点

开发工具与关键技术：Visual Studio 前端

作者：盘子

撰写时间：2019年4月30日

jQuery文档处理DOM节点包括：内部插入、外部插入、包裹、替换、删除、复制这几种。每部分都有对应的函数值。

通过JavaScript原生接口创建节点，在处理上是非常复杂与繁琐的。我们可以通过使用jQuery来简化了这个过程，DOM节点的创建流程：创建节点（元素、属性、文本）à添加节点的属性à加到文档中

通过jQuery,可以很容易地添加新元素、新内容。append() 和
prepend() 方法能够通过参数接收无限数量的新元素

DOM内部插入函数：

append() 向每个匹配的元素内部追加内容。（在 xx 中追加（最后插入）yy）

appendTo() 把所有匹配的元素追加到另一个指定的元素元素集合中。

实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。（把yy追加（最后插入到）到xx中）

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

append() 前面是被插入的对象，后面是要在对象内插入的元素内容。

appendTo() 前面是要插入的元素内容，而后面是被插入的对象。

prepend() 向每个匹配的元素内部前置内容。这是向所有匹配元素内部的开始处插入内容的最佳方式。（在 xx 内部的最前面插入 yy）

prependTo() 把所有匹配的元素前置到另一个、指定的元素元素集合中。（把 yy 插入到
xx 内部的最前面）

实际上，使用这个方法是颠倒了常规的$(A).prepend(B)的操作，即不是把B前置到A中，而是把A前置到B中。

prepend（）与prependTo（）这两种方法是在元素内部进行操作的方法中，除了在被选元素的结尾（仍然在内部）通过append（）与appendTo（）插入指定内容外，还可以在被选元素之前插