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