jQuery刪除/清空指定元素下的全部子節點的方法

咱們知道能夠利有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()函數應理解爲清空指定元素下的子節點，並非刪除指定元素下的子節點。關於這一點，你們看着理解吧。我我的認爲，仍是清空比較恰當一些！