溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容介紹了“jQuery怎么實現節點追加、替換、刪除和復制功能”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
一、追加節點分為父子和兄弟節點的追加。每個追加節點的方法又分主動追加和被動追加。
//1、父子關系的添加
//主動添加
$('#shu').append('<li>關羽</li>');//往后添加
$('#shu').prepend('<li>黃忠</li>');//往前添加
//被動添加
$('<li>黃蓋</li>').appendTo($('#wu'));
$('<li>陸遜</li>').prependTo($('#wu'));
//添加已存節點，發生位置改變
$('#shu').prepend($('#wu li:eq(1)'));
//2、兄弟關系的添加.after .before .insertAfter .insertBefore
//主動
$('#liu').after('<li>趙云</li>');
$('#liu').before('<li>諸葛亮</li>');
//被動
$('<li>黃月英</li>').insertAfter($('#liu'));
$('<li>孫尚香</li>').insertBefore($('#liu'));二、替換節點.replaceAll .replaceWith
//replaceAll主動替換
$('#wu').replaceAll($('#shu'));
//replaceWith被動替換
$('#yu').replaceWith('<li>黃蓋</li>');三、刪除節點.empty() .remove()
$('#wu').empty(); //清空對應的子節點
$('#fei').remove(); //刪除匹配到的節點四、復制節點 .clone(true) .clone(false)
參數為true，節點和其身上的事件都給復制
參數為false，只復制節點本身（包括內部的信息）
$('#fei').clone(false); //只復制節點本身
$('#fei').clone(true); //復制節點和事件“jQuery怎么實現節點追加、替換、刪除和復制功能”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識可以關注億速云網站，小編將為大家輸出更多高質量的實用文章！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
