首頁 > web前端 > js教程 > jquery可以刪除所有的子元素嗎?

jquery可以刪除所有的子元素嗎?

青灯夜游
發布: 2020-11-19 13:44:40
原創
3339 人瀏覽過

在jquery中,可以使用empty()方法來刪除指定元素的所有子元素,語法格式「$(selector).empty()」;empty()方法可以移除所有被選元素的子節點和內容,但不會移除元素本身或它的屬性。

jquery可以刪除所有的子元素嗎?

我們知道可以利有jQuery中的detach()方法和jQuery中的remove()方法刪除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法刪除指定或是符合元素的類別或是屬性。那麼如何只刪除刪除指定或符合的元素內的子元素和節點,不刪除元素本身呢?下面來跟大家介紹一下。

jQuery中empty()方法的解釋

#empty() 方法移除所有被選元素的子節點和內容。該方法不會移除元素本身,或它的屬性。 【相關推薦:《jQuery影片》】

#語法:

$(selector).empty()
登入後複製

舉個大大的「例」字

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

jquery可以刪除所有的子元素嗎?

#HTML程式碼

<p id="mochu">
  <p>这里是P标签内容</p>
  <p>这里是第二个P标签的内容</p>
</p>
登入後複製

JQ程式碼

$(&#39;#button&#39;).click(function(){
  $("#mochu").empty();
})
登入後複製

結果圖顯示

審核原始碼如下圖

jquery可以刪除所有的子元素嗎?

透過上圖我們可以發現,ID為mochu的p標籤,裡面的P標籤和內容都已被刪除!

更多程式相關知識,請造訪:程式設計教學! !

以上是jquery可以刪除所有的子元素嗎?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板