一.节点操作

​ 1.DOM节点操作

​ ①创建节点

​ 语法：document.createElement("标签名")；

​ 注：只单纯的创建出来了一个元素节点对象，不包含内容、属性和样式。

​ ②插入节点

​ 在父元素内部末尾追加

​ 语法：父元素.appendChild(需要插入的子元素)；

​ 在父元素指定参照元素前面插入

​ 语法：父元素.insertBefore(需要插入的子元素，参照元素)；

​ 注：如果参照元素为null，则在父类元素内部末尾插入

​ ③删除节点

​ 语法：父元素.removeChild(需要被删除的元素)

​ ④克隆节点

​ 语法：需要复制的元素.cloneNode(boolean类型的参数)；

​ 注：如果参数为true，代表深复制，也就是连同子元素一起复制；

​ 如果参数为false(默认)，代表浅复制，不复制子元素。

2.jQuery的节点操作

​ ①创建节点

​ 语法：$("

我是一个标题标签

")

​ 注：创建元素节点的同时，还可以设置内容、属性和样式。

​ ②在内部插入（需要通过父元素，然后在内部插入一个元素）

​ 在父元素内部末尾插入

​ 语法：父元素.append(被插入元素)；-->在父元素内部追加一个子元素

​ 被插入的元素.appendTo(父元素); -->把子元素追加到指定的一个父元素中

​ 在父元素内部开头插入

​ 语法：父元素.prepend(被插入的元素); -->在父元素内部的最前面插入一个子元素

​ 被插入的元素.prependTo(父元素); -->把子元素插入到指定父元素内部的最前面

​ 使用场合：当父元素内部没有子元素时，这是只能使用“内部插入”子元素，

​ 因为没有参照元素，所以无法使用“外部插入”

​

​ ③在外部插入（不需要通过父元素，直接在参照位置插入一个元素）

​ 在参照元素前面插入一个元素

​ 语法：参照元素.before(需要插入的子元素) -->在参照元素前面插入一个子元素

​ 需要插入的子元素.insetBefore(参照元素) -->把子元素插入到指定参照元素前面

​ 在参照元素后面插入一个元素

​ 语法：参照元素.after(需要插入的子元素); -->在参照元素后面插入一个子元素

​ 需要插入的子元素.insertAfter(参照元素); --> 把子元素插入到指定参照元素后面

​

​ ④删除节点

​ remove()方法，删除节点(删除当前元素，并且还删除了该元素内部的子元素)

​ 语法：被删除元素.remove(["选择器"])

​ 注：jQuery对象是一个集合，我们在删除元素的时候还可以指定删除某写指定的元素。

​ empty()方法，清空节点(不删除当前元素，但是会删除当前元素的所有子元素)

​ 语法：被清空节点.empty();

​ 注意：显示开发中，清空节点一般不会使用，因为清空节点效率低，建议使用html("")方

​ 法来实现 。

​