jQuery使用empty()方法刪除元素及其所有子元素的方法
更新時(shí)間：2015年03月26日 12:03:46 作者：上大王
這篇文章主要介紹了jQuery使用empty()方法刪除元素及其所有子元素的方法,涉及jQuery操作元素的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
本文實(shí)例講述了jQuery使用empty()方法刪除元素及其所有子元素的方法。分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
$("button").click(function(){
$("#div1").empty();
});
});
</script>
</head>
<body>
<div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;">
This is some text in the div.
<p>This is a paragraph in the div.</p>
<p>This is another paragraph in the div.</p>
</div>
<br>
<button>Empty the div element</button>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- PHP isset()與empty()的使用區(qū)別詳解
- jQuery刪除節(jié)點(diǎn)的三個(gè)方法即remove()detach()和empty()
- php empty,isset,is_null判斷比較（差異與異同）
- javascript Array.remove() 數(shù)組刪除
- jquery之empty()與remove()區(qū)別說(shuō)明
- 淺談java Iterator.remove()方法的用法(詳解)
- 老生常談jquery中detach()和remove()的區(qū)別
- jQuery remove()過(guò)濾被刪除的元素（推薦）
- 清空元素html("") innerHTML="" 與 empty()的區(qū)別和應(yīng)用(推薦)
相關(guān)文章
今天寫(xiě)了一個(gè)放迅雷焦點(diǎn)廣告的效果，還請(qǐng)大家多多指正，先附上效果圖一張2008-11-11
jQuery幻燈片特效代碼分享 鼠標(biāo)滑過(guò)按鈕時(shí)切換（2）
本文實(shí)例講述了jQuery實(shí)現(xiàn)時(shí)尚漂亮的幻燈片特效，基本能滿足你在網(wǎng)頁(yè)上使用幻燈片(焦點(diǎn)圖)效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-08-08
在jquery中自定義函數(shù)你會(huì)嗎？今天抽時(shí)間寫(xiě)了幾個(gè)，個(gè)人感覺(jué)還不錯(cuò)，喜歡的朋友可以了解下2014-01-01
這篇文章與大家分享的是10款非常棒的 jQuery 幻燈片插件，使用這些插件可以幫助你在網(wǎng)站中加入非常吸引人的幻燈片效果，另外這些插件還有制作教程。2011-06-06
jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇jquery按回車(chē)鍵實(shí)現(xiàn)表單提交的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-05-05
jQuery使用addClass()方法給元素添加多個(gè)class樣式
這篇文章主要介紹了jQuery使用addClass()方法給元素添加多個(gè)class樣式的方法,實(shí)例分析了addClass方法的使用技巧及添加多個(gè)樣式的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-03-03
jQuery登陸判斷簡(jiǎn)單實(shí)現(xiàn)代碼
登陸判斷在實(shí)際應(yīng)用中還是比較常見(jiàn)，在客戶端執(zhí)行判斷可以減少服務(wù)器端的負(fù)擔(dān)，感興趣的朋友可以參考下2013-04-04
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)拖拽添加元素功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-12-12
jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法
這篇文章主要介紹了jquery實(shí)現(xiàn)根據(jù)瀏覽器窗口大小自動(dòng)縮放圖片的方法,涉及jquery操作頁(yè)面元素屬性與樣式的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jquery 中的each()跳出循環(huán)的語(yǔ)句
很多新手朋友們都不知道jquery 中的each()怎么跳出循環(huán)，在each的回調(diào)函數(shù)中使用return false2014-05-05