Maison  >  Article  >  interface Web  >  jquery supprimer et effacer les éléments

jquery supprimer et effacer les éléments

无忌哥哥
无忌哥哥original
2018-06-29 14:43:361588parcourir

jquery supprimer et vider les éléments

<!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. supprimer() : supprimer l'élément

* Paramètres : sélecteur

$(&#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. vide ( )

* Paramètres : Aucun

* Fonction : Effacer le contenu de l'élément, le plus utilisé dans les appels Ajax

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:emballage d'élément jqueryArticle suivant:emballage d'élément jquery