Jquery的DOM

**********************创建节点**************************

var $div5 = $('<div id="div5">我是div5</div>');

需求: 在div2后面插入div5

 

**********************插入节点**************************

一.同级节点

1. after

插入到后面

2. insertAfter

和after 相反 前后 调换顺序即可

3. before

插入到前面

4. insertBefore

和before 相反 前后 调换顺序即可

二.插入子集节点

1. append

在子集节点后面追加

需求: 在div4 里面 插入 <b>你好</b>

 

2. appendTo

也是追加到子节点后面 和append 前面调换顺序

3. prepend()

4. prependTo()

**********************二.删除节点和清空节点**************************

一. 删除节点

需求: 删除div1

jQuery对象.remove();

二.清空节点

jQuery对象.empty();//清空子元素

 

**********************三.替换节点**************************

需求: div3 替换成 文本框

1. replaceWith()

 

2. replaceAll()

正好和replaceWith 相反 , 前后调换顺序即可

 

**********************四.节点移动**************************

把现有的节点 插入到另一个现有节点的 前后 相当于移动

**********************五.节点克隆**************************

jQuery对象.clone();//默认值是 false 只克隆对象 不包含事件 true 也带事件

 

**********************六.包裹节点**************************

1. wrap();

2. wrapAll();

3. wrapInner();