jQuery刪除/清空指定元素的所有子節(jié)點實例代碼
前言
我們知道可以利有jQuery中的detach()方法和jQuery中的remove()方法刪除指定的或是匹配的元素,也可以使用removeClass()方法以及removeAttr()方法刪除指定或是匹配元素的類或是屬性。那么我們今天說一說利用jQuery如果刪除指定或匹配的元素內(nèi)的子元素和節(jié)點!
jQuery中empty()方法的解釋
jQuery中的empty()方法:些方法可以清空/刪除指定元素下的所以子節(jié)點或是內(nèi)容
語法:
$(selector).empty()
舉個大大的“例”字
利用jQuery中的empty()方法移去DIV中的所有內(nèi)容
HTML代碼
<div id="mochu"> <p>這里是P標簽內(nèi)容</p> <p>這里是第二個P標簽的內(nèi)容</p> </div>
JQ代碼
$('#button').click(function(){ $("#mochu").empty(); })
結果圖示
審核源碼如下圖所示
通過上圖我們可以發(fā)現(xiàn),ID為mochu的div標簽,里面的P標簽和內(nèi)容都已被刪除!
作者有話說
寫這篇文章的時候,查閱了三個文檔,其中一個文檔這樣說的,empty()函數(shù)應理解為清空指定元素下的子節(jié)點,并不是刪除指定元素下的子節(jié)點。關于這一點,大家看著理解吧。我個人認為,還是清空比較恰當一些!
總結
以上就是這篇文章的全部內(nèi)容了,希望本文的內(nèi)容對大家的學習或者工作具有一定的參考學習價值,謝謝大家對腳本之家的支持。
- jQuery插件zTree實現(xiàn)刪除樹子節(jié)點的方法示例
- jquery獲取子節(jié)點和父節(jié)點的示例代碼
- jQuery循環(huán)遍歷子節(jié)點并獲取值的方法
- jQuery獲取節(jié)點和子節(jié)點文本的方法
- jquery實現(xiàn)點擊TreeView文本父節(jié)點展開/折疊子節(jié)點
- jquery 取子節(jié)點及當前節(jié)點屬性值的方法
- jquery 取子節(jié)點及當前節(jié)點屬性值
- jquery的父、子、兄弟節(jié)點查找,節(jié)點的子節(jié)點循環(huán)方法
- jQuery插件zTree實現(xiàn)清空選中第一個節(jié)點所有子節(jié)點的方法
相關文章
jQuery實現(xiàn)表格奇偶行顯示不同背景色 就這么簡單
這篇文章主要為大家詳細介紹了jQuery實現(xiàn)表格奇偶行顯示不同背景色的方法,使表格更加美觀,便捷的查找同行數(shù)據(jù)更,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03jQuery Chart圖表制作組件Highcharts用法詳解
這篇文章主要介紹了jQuery Chart圖表制作組件Highcharts用法,詳細分析了Highcharts插件的功能與具體使用技巧及相關注意事項,需要的朋友可以參考下2016-06-06淺談JQ中mouseover和mouseenter的區(qū)別
下面小編就為大家?guī)硪黄獪\談JQ中mouseover和mouseenter的區(qū)別。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。2016-09-09jQuery插件EasyUI獲取當前Tab中iframe窗體對象的方法
這篇文章主要介紹了jQuery插件EasyUI獲取當前Tab中iframe窗體對象的方法,涉及EasyUI窗體操作的相關技巧,需要的朋友可以參考下2016-08-08使用jquery/js獲取iframe父子級、同級獲取元素的方法
下面小編就為大家?guī)硪黄褂胘query/js獲取iframe父子級、同級獲取元素的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08JQuery給元素綁定click事件多次執(zhí)行的解決方法
這篇文章主要介紹了JQuery給元素綁定click事件多次執(zhí)行的解決方法,需要的朋友可以參考下2014-05-05jQuery解析XML與傳統(tǒng)JavaScript方法的差別實例分析
這篇文章主要介紹了jQuery解析XML與傳統(tǒng)JavaScript方法的差別,實例分析了jQuery與javascript解析XML文件的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03