前言
最近剛學了新知識，雖然是一個小知識點，但還是忍不住想和大家分享。本文的內容主要針對的是初學者，如果大家有什么意見或者問題都可以留言交流的，下面來看看詳細的介紹吧。
.empty()是指對該節點后代的刪除，結果是清空該節點（該節點里面已無元素）。
.remove()是指刪除該節點，結果是刪除該節點(該節點及其后代元素都將不存在)。
下面放代碼來說明。
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js "></script> <style> body{ background: #ffe5aa; } #test1{ width:100px; height:100px; background: #3db7ff; } #test2{ width:100px; height:100px; background: #ff179f; } </style></head><body> <div class="whole"> <button class="bt1">通過empty刪除節點</button> <button class="bt2">通過remove刪除節點</button> </div> <div id="test1"> <p>元素1</p> <p>元素2</p> </div> <div id="test2"> <p>元素3</p> <p>元素4</p> </div> <script type="text/javascript"> $(".bt1").on('click',function(){ $("#test1").empty(); }) $(".bt2").on('click',function(){ $("#test2").remove(); }) </script></body></html>點擊運行后，出現以下畫面。
點擊button1,將執行.empty()指令，預期將刪除test1子節點元素。結果如下。
再點擊button2,將執行.remove()指令。預期將刪除test2及其后代子節點元素。結果如下。
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
新聞熱點
疑難解答
