ホームページ >ウェブフロントエンド >jsチュートリアル >jqueryの要素の削除とクリア
jqueryの要素の削除とクリア
- 无忌哥哥オリジナル
- 2018-06-29 14:43:361611ブラウズ
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(): 要素の削除
* パラメータ: selector
$('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の要素の削除とクリアの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
前の記事：jQuery要素のラッピング次の記事：jQuery要素のラッピング