一.节点操作
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("")方
法来实现 。
