jquery删除与清空元素

来源：动视网责编：小采时间：2020-11-27 19:34:53

jquery删除与清空元素

jquery删除与清空元素:jquery删除与清空元素<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>删除与清空元素</title> <style type="text/css">

推荐度：

点击下载本文 文档为doc格式

导读jquery删除与清空元素:jquery删除与清空元素<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>删除与清空元素</title> <style type="text/css">

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="">Gxl网2018年最新教学视频01</a></li>
<li><a href="">Gxl网2018年最新教学视频02</a></li>
<li><a href="">Gxl网2018年最新教学视频03</a></li>
<li><a href="">Gxl网2018年最新教学视频04</a></li>
<li><a href="">Gxl网2018年最新教学视频05</a></li>
<li><a href="">Gxl网2018年最新教学视频06</a></li>
<li><a href="">Gxl网2018年最新教学视频07</a></li>
<li><a href="">Gxl网2018年最新教学视频08</a></li>
<li><a href="">Gxl网2018年最新教学视频09</a></li>
<li><a href="">Gxl网2018年最新教学视频10</a></li>
</ul>
<button>remove()删除绿色背景元素</button>
<button>empty()清空黄色背景元素的内容</button>
</body>
</html>

* 1. remove(): 删除元素

* 参数: 选择器

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

* 2. empty()

* 参数: 无

* 功能: 清空元素的内容,在Ajax调用时使用最多

$('button:first').next().click(function () {
$('li').filter('.top').empty()
})

jquery删除与清空元素

jquery删除与清空元素:jquery删除与清空元素<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>删除与清空元素</title> <style type="text/css">

推荐度：

点击下载本文 文档为doc格式

标签：删除清空元素

热门焦点

jquery删除与清空元素

jquery删除与清空元素

jquery删除与清空元素

最新推荐

猜你喜欢

热门推荐