一、 插入操作
1.父子之間
1.2 父元素.prepend(子元素) //插入到子集的第乙個元素
子元素.prependto(父元素)
2. 兄弟之間
2.1 兄弟元素.after(要插入的元素)
要插入的元素.insertafter(兄弟元素)
2.2 兄弟元素.before(要插入的元素)
要插入的元素.insertbefore(兄弟元素)
二、替換操作
頁面中獲取中的dom物件.replacewith(替換的內容)
如：$('h2').replacewith('加油吧')
replaceall()
如: $('黑girl
').replaceall('span');
三、刪除
remove() 刪除 //刪除節點後 事件也會刪除 刪除了整個標籤
detach()清空,刪除節點後，事件會保留
empty() 清空內容
要刪除的物件.remove()
四、轉殖
副本具有與真身一樣的事件處理能力 完全轉殖
$(this).clone(true).insertafter($(this));
es6的模板字串 tab鍵上面那個反引號
子元素可以是string,jsdom物件，jquery物件
3） //插入乙個jsdom物件
var op=document.createelement('p');
op.innertext='女朋友'
4）//如果插入的是乙個jquery物件 相似於移動操作
wusir
哈哈按鈕
操作DOM文件
html dom載入過程及其處理 解析html結構 載入外部指令碼和樣式表檔案 解析並執行指令碼 構造html dom模型 載入等外部檔案 頁面載入完畢 一般可執行指令碼都放在頁面初始化事件處理函式中，這樣能保證文件完全載入完畢後才執行指令碼，即第六步時才執行指令碼 window.onload fu...
dom操作之文件碎片
在日常的工作中，避免不了我們要想乙個元素中插入大量的動態元素，比如 在頁面中有乙個ul，我們隨著頁面的某乙個事件的觸發，需要向 box中插入大量的li，正常的寫法為 var oul document.queryselectorall box 0 for var i 0 i 1000 i var fr...
dom操作之文件碎片
在日常的工作中，避免不了我們要想乙個元素中插入大量的動態元素，比如 在頁面中有乙個ul，我們隨著頁面的某乙個事件的觸發，需要向 box中插入大量的li，正常的寫法為 var oul document.queryselectorall box 0 for var i 0 i 1000 i var fr...