jQuery中DOM的操作

• 创建元素   

 $('<div>hello world</div>')

---

• 插入节点

 A.append(B)
 B.appendTo(A)    B追加到A中

A.prepend(B)
B.prependTo(A)  B插入到A中，作为第一个孩子

A.after(B)
B.insertAfter(A)   A之后添加B，作为兄弟元素

A.before(B)   
B.insertBefore(A)  A之前添加B，作为兄弟元素

---

• 删除节点

remove()
detach()

---

• 清空节点

empty()

---

• 复制节点

A.clone(true/false)   true 深复制，复制元素节点与子节点，同时也复制所绑定的事件

---

• 替换节点

A.replaceWith(B)  
B.replaceAll(A)   用B替换A

---

• 包裹节点

 A.wrap(B)  用B在外部包裹每一个A
 A.wrapInner(B)   用B在A的内部包裹，包裹每一个

---

---

js中复制：

A.cloneNode(true/false)
        true 复制节点和子节点
        false 复制节点，不复制子节点
        不对事件进行操作