前言

我們知道可以利有jQuery中的detach()方法和jQuery中的remove()方法刪除指定的或是匹配的元素，也可以使用removeClass()方法以及removeAttr()方法刪除指定或是匹配元素的類或是屬性。那么我們今天說一說利用jQuery如果刪除指定或匹配的元素內的子元素和節點！

jQuery中empty()方法的解釋

jQuery中的empty()方法：些方法可以清空/刪除指定元素下的所以子節點或是內容

語法：

$(selector).empty()

舉個大大的“例”字

利用jQuery中的empty()方法移去DIV中的所有內容

HTML代碼

<div id="mochu">  <p>這里是P標簽內容</p>  <p>這里是第二個P標簽的內容</p></div>

JQ代碼

$('#button').click(function(){  $("#mochu").empty();})

結果圖示

審核源碼如下圖所示

通過上圖我們可以發現，ID為mochu的div標簽，里面的P標簽和內容都已被刪除！

作者有話說

寫這篇文章的時候，查閱了三個文檔，其中一個文檔這樣說的，empty()函數應理解為清空指定元素下的子節點，并不是刪除指定元素下的子節點。關于這一點，大家看著理解吧。我個人認為，還是清空比較恰當一些！

總結

以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對武林網的支持。