jquery刪除與清空元素-js教程-PHP中文網

jquery刪除與清空元素

无忌哥哥

發布： 2018-06-29 14:43:36

原創

1570 人瀏覽過

jquery刪除與清空元素

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>删除与清空元素</title>
<style type="text/css">
li {width: 300px;}
.hot {background-color: lightgreen;}
.top {background-color: yellow;}
</style>
</head>
<body>
<ul>
<li><a href="">php中文网2018年最新教学视频01</a></li>
<li><a href="">php中文网2018年最新教学视频02</a></li>
<li><a href="">php中文网2018年最新教学视频03</a></li>
<li><a href="">php中文网2018年最新教学视频04</a></li>
<li><a href="">php中文网2018年最新教学视频05</a></li>
<li><a href="">php中文网2018年最新教学视频06</a></li>
<li><a href="">php中文网2018年最新教学视频07</a></li>
<li><a href="">php中文网2018年最新教学视频08</a></li>
<li><a href="">php中文网2018年最新教学视频09</a></li>
<li><a href="">php中文网2018年最新教学视频10</a></li>
</ul>
<button>remove()删除绿色背景元素</button>
<button>empty()清空黄色背景元素的内容</button>
</body>
</html>

登入後複製

* 1. remove(): 刪除元素

* 參數: 選擇器

$(&#39;button&#39;).eq(0).on(&#39;click&#39;,function(){
//实例: 删除列表中类样式为hot的元素,条件由filter()给出
$(&#39;li&#39;).filter(&#39;.hot&#39;).remove()
//也可以将删除条件写到remove()方法参数中,这样可简化语句
$(&#39;li&#39;).remove(&#39;.hot&#39;)
})

登入後複製

* 2. empty()

* 參數: 無

* 功能: 清空元素的內容,在Ajax呼叫時使用最多

$(&#39;button:first&#39;).next().click(function () {
$(&#39;li&#39;).filter(&#39;.top&#39;).empty()
})

登入後複製

以上是jquery刪除與清空元素的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

jquery刪除與清空元素