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() // 将匹配元素集合的父级元素删除,保留自身(和兄弟元素,如果存在)在原来的位置
转载于:https://www.cnblogs.com/gutianer/p/8022775.html