收藏
批改狀態(tài)：合格
老師批語(yǔ)：
jquery元素和元素內(nèi)容的操作方法主要有：
1、remove():用于刪除掉整個(gè)元素
2、empyt():用于刪除掉元素的內(nèi)容部分
知識(shí)點(diǎn)補(bǔ)充：
filter():方法將匹配的元素集合縮減到指定的元素范圍
//
代碼部分
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
</head>
<style type="text/css">
.buttonyellow {
background: yellow;
}
.buttongreen {
background: green;
}
</style>
<body>
<ul>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
<li>
<a href="">這是一個(gè)a標(biāo)簽</a>
</li>
</ul>
<button>removr操作刪除元素</button>
<button>empty操作刪除內(nèi)容</button>
</body>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//方法1：remove()：用于刪除掉整個(gè)元素
//備注:方法filter（），用于將匹配元素集合縮減到指定的元素
$('button').eq(0).on('click',function(){
$('li').filter('.buttonyellow').remove()
})
//方法2：empty（）：用于刪除掉元素的內(nèi)容部分，僅刪除內(nèi)容但保留了元素
$('button').eq(1).on('click',function(){
$('li').filter('.buttongreen').empty()
})
</script>
</html>
微信掃碼
關(guān)注PHP中文網(wǎng)服務(wù)號(hào)
技術(shù)交流群
QQ掃碼
加入技術(shù)交流群
Copyright 2014-2025 http://ipnx.cn/ All Rights Reserved | php.cn | 湘ICP備2023035733號(hào)