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() // 将匹配元素集合的父级元素删除，保留自身（和兄弟元素，如果存在）在原来的位置