recherche

Maison >interface Web >js tutoriel >Exemple d'analyse de l'utilisation de la méthode Remove() dans jQuery

Exemple d'analyse de l'utilisation de la méthode Remove() dans jQuery

巴扎黑
巴扎黑original
2017-06-25 09:49:311171parcourir

Cet article présente principalement l'utilisation de la méthode Remove() dans jQuery et démontre les compétences d'utilisation de la méthode Remove() pour supprimer l'élément dans trois exemples différents. Il a une certaine valeur de référence. Les amis qui en ont besoin peuvent s'y référer

Cet article décrit l'utilisation de la méthode remove() dans jQuery avec des exemples. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Cette méthode supprimera tous les éléments correspondants du DOM.

Remarque : La méthode remove() ne supprime pas les éléments correspondants de l'objet jQuery, donc ces éléments correspondants peuvent être réutilisés à l'avenir, mais à l'exception de l'élément lui-même, il est conservé, d'autres tels que les événements liés, les données supplémentaires, etc. seront supprimés.

Structure grammaticale :

Le code est le suivant :

$(selector).remove(expr)

Liste des paramètres :

pour filtrer les éléments
Paramètres Description
expr Facultatif. jQueryExpression
参数 描述
expr 可选。用于筛选元素的jQuery表达式

Exemple de code :

Exemple 1 :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>remove()
函数
-脚本之家</title>
<script type="text/
javascript
" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(
document
).ready(function(){
  $("button").click(function(){
    $("p").remove("#first");
  })
})
</script> 
</head>
<body>
<p id="first">我是第一</p>
<p id="second">我是第二</p>
<button>点击</button>
</body>
</html>

Le code suivant peut supprimer p avec l'identifiant en premier dans l'ensemble p.

Exemple 2 :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>remove()函数-脚本之家</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#btd").click(function(){
    $("p").remove();
  })
})
</script> 
</head>
<body>
<p id="first">我是第一</p>
<p id="second">我是第二</p>
<button id="btd">点击删除第一个p</button>
</body>
</html>

Si les paramètres sont omis, tous les éléments correspondants seront supprimés.

Exemple 3 :

Le code est le suivant :

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title>remove()函数-脚本之家</title>
<style type="text/css">
p{
  width:200px;
  height:200px;
  border:5px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
  $("#btd").click(function(){
    var a=$("p");
    a.remove("#first");
    $("#btn").click(function(){
      alert(a.length);
    })
  })
})
</script> 
</head>
<body>
<p id="first">我是第一</p>
<p id="second">我是第二</p>
<button id="btd">删除第一个p</button><button id="btn">查看删除操作后p的数量</button>
</body>
</html>

remove() a supprimé l'élément correspondant dans le DOM, mais il ne l'a pas supprimé à partir de l'objet jquery Supprimer dans.

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：Analyser la différence entre les fonctions remove() et detach() dans jqueryArticle suivant：Analyser la différence entre les fonctions remove() et detach() dans jquery

Articles Liés

Voir plus