**********************創(chuàng)建節(jié)點**************************

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

需求: 在div2后面插入div5

?

**********************插入節(jié)點**************************

一.同級節(jié)點

1. after

插入到后面

2. insertAfter

和after 相反 前后 調(diào)換順序即可

3. before

插入到前面

4. insertBefore

和before 相反 前后 調(diào)換順序即可

二.插入子集節(jié)點

1. append

在子集節(jié)點后面追加

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

?

2. appendTo

也是追加到子節(jié)點后面 和append 前面調(diào)換順序

3. prepend()

4. prependTo()

**********************二.刪除節(jié)點和清空節(jié)點**************************

一. 刪除節(jié)點

需求: 刪除div1

jQuery對象.remove();

二.清空節(jié)點

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

?

**********************三.替換節(jié)點**************************

需求: div3 替換成 文本框

1. replaceWith()

?

2. replaceAll()

正好和replaceWith 相反 , 前后調(diào)換順序即可

?

**********************四.節(jié)點移動**************************

把現(xiàn)有的節(jié)點 插入到另一個現(xiàn)有節(jié)點的 前后 相當于移動

**********************五.節(jié)點克隆**************************

jQuery對象.clone();//默認值是 false 只克隆對象 不包含事件 true 也帶事件

?

**********************六.包裹節(jié)點**************************

1. wrap();

2. wrapAll();

3. wrapInner();

?

轉(zhuǎn)載于:https://www.cnblogs.com/MrTanJunCai/p/9907759.html

總結(jié)

以上是生活随笔為你收集整理的Jquery的DOM的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。