前言
最近剛學(xué)了新知識，雖然是一個小知識點，但還是忍不住想和大家分享。本文的內(nèi)容主要針對的是初學(xué)者，如果大家有什么意見或者問題都可以留言交流的，下面來看看詳細(xì)的介紹吧。
.empty()是指對該節(jié)點后代的刪除，結(jié)果是清空該節(jié)點（該節(jié)點里面已無元素）。
.remove()是指刪除該節(jié)點，結(jié)果是刪除該節(jié)點(該節(jié)點及其后代元素都將不存在)。
下面放代碼來說明。
<!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刪除節(jié)點</button> <button class="bt2">通過remove刪除節(jié)點</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>點擊運行后，出現(xiàn)以下畫面。
點擊button1,將執(zhí)行.empty()指令，預(yù)期將刪除test1子節(jié)點元素。結(jié)果如下。
再點擊button2,將執(zhí)行.remove()指令。預(yù)期將刪除test2及其后代子節(jié)點元素。結(jié)果如下。
總結(jié)
以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流。
新聞熱點
疑難解答
