前言

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

jQuery中empty()方法的解釋

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

語法：

$(selector).empty()

舉個(gè)大大的“例”字

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

HTML代碼

<div id="mochu">  <p>這里是P標(biāo)簽內(nèi)容</p>  <p>這里是第二個(gè)P標(biāo)簽的內(nèi)容</p></div>

JQ代碼

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

結(jié)果圖示

審核源碼如下圖所示

通過上圖我們可以發(fā)現(xiàn)，ID為mochu的div標(biāo)簽，里面的P標(biāo)簽和內(nèi)容都已被刪除！

作者有話說

寫這篇文章的時(shí)候，查閱了三個(gè)文檔，其中一個(gè)文檔這樣說的，empty()函數(shù)應(yīng)理解為清空指定元素下的子節(jié)點(diǎn)，并不是刪除指定元素下的子節(jié)點(diǎn)。關(guān)于這一點(diǎn)，大家看著理解吧。我個(gè)人認(rèn)為，還是清空比較恰當(dāng)一些！

總結(jié)

以上就是這篇文章的全部內(nèi)容了，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，謝謝大家對武林網(wǎng)的支持。