假設如下的html代碼

<div id="mydiv" style="width:100px;height:100px;border:1px solid red">xxx<div>s1</div><div>s2</div> </div>

有下面的方法可以進行刪除節點操作：

$("#mydiv").remove();?? //remove方法刪除mydiv節點本身，以及其下的所有內容，以及子節點

$("#mydiv").empty();??? //empty不刪除mydiv節點本身，只清空節點下的內容（包括子節點）

$("#mydiv").children().remove();? //刪除mydiv下的所有子節點。主要其下的文本不會被刪除，如上面的xxx信息不會被刪除

$("#mydiv div").remove();? //效果同$("#mydiv").children().remove();?

總結下，在大部分場景下，要刪除所有子節點，就用empty方法；要刪除自身及子節點，就用remove方法。

轉載于:https://www.cnblogs.com/51kata/p/5197082.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的Jquery学习笔记：删除节点的操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。