前端零碎问题（二）dom的增删操作

a）原生js操作

• 创建DOM：
  • .createElement() // 创建一个具体的元素
  • .createTextNode() // 创建一个文本节点
• 插入DOM：
  • .appendChild()
  • .replaceChild() // 替换节点
  • .insertBefore() // 在已有的子节点前插入一个新的子节点
• 删除DOM：.removeChild()

b）jquery实现方法

• 创建DOM：
• 插入DOM：
  • .append() // 在每个匹配元素里面的末尾处插入参数内容。
  • .appendTo() // 将匹配的元素插入到目标元素的最后面
  • .after() // 在匹配元素集合中的每个元素后面插入参数所指定的内容，作为其兄弟节点。
  • .before() // 根据参数设定，在匹配元素的前面插入内容
  • .prepend() // 将参数内容插入到每个匹配元素的前面（元素内部）
  • .prependTo() // 将所有元素插入到目标前面（元素内）
  • .insertAfter() // 在目标元素后面插入集合中每个匹配的元素
  • .insertBefore() // 在目标元素前面插入集合中每个匹配的元素
• 删除DOM：
  • .remove() // 将匹配元素集合从DOM中删除
  • .empty() // 从DOM中移除集合中匹配元素的所有子节点
  • .unwrap() // 将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置