jQ DOM操作之增删改

第一部分：创建

1.创建元素节点

$('

')
$('

')
$('

')
$('

我是个div节点

')
$('

')
$('

我是class="div2"的div

')
$('

我的div内的div

')```

---

第二部分：节点插入

1.内部插入

• .append 给儿子们最后面加个小兄弟 (结合appendTo()来记)

• .prepend 给儿子们最前面加个私生大兄弟(结合prependTo()来记)

2.外部插入

• .before 我的前面加个兄弟(结合insertBefore来记)

• .after 我的后面加个兄弟(结合insertAfter()来记)

---

第三部分：节点删除

1.empty

• .empty 身体被掏空

2.remove

• .remove 自杀

3.detach

• .detach 隐身

---

第四部分：节点的复制与替换

1.clone

• .clone() 只克隆了结构，事件丢失

• .clone(true) 结构、事件与数据都克隆

2.replace

• .replaceWith 删除并替换节点（结合.replaceAll()来记）

3.wrap and unwrap

• .wrap 每个都加个外衣

• .unwrap 去掉包裹

4.wrapAll

• .wrapAll() 被包裹成亲兄弟

• .wrapAll( function ) 被包裹成表兄弟堂兄弟

5.wrapInner

• .wrapInner( wrappingElement )：给集合中匹配的元素的内部，增加包裹的HTML结构

• .wrapInner( function ) ：允许我们用一个callback函数做参数，每次遇到匹配元素时，该函数被执行，返回一个DOM元素，jQuery对象，或者HTML片段，用来包住匹配元素的内容