Maison >interface Web >js tutoriel >Explication détaillée de la méthode Remove() de jQuery_jquery

Explication détaillée de la méthode Remove() de jQuery_jquery

WBOYoriginal: 2016-05-16 15:46:011594parcourir

Définition et utilisation de la méthode Remove() :

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

Remarque : la méthode Remove() ne supprimera pas les éléments correspondants de l'objet jQuery, ces éléments correspondants pourront donc être réutilisés à l'avenir. Cependant, en plus de l'élément lui-même étant conservé, d'autres événements tels que les événements liés. , Les données supplémentaires, etc. seront supprimées.

Structure grammaticale :

$(selector).remove(expr)

Liste des paramètres :

Description du paramètre
expr est facultatif. Expression jQuery pour filtrer les éléments

Exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
 $("button").click(function(){
  $("div").remove("#first");
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button>点击</button>
</body>
</html>

Le code suivant peut supprimer le div avec l'identifiant en premier dans la collection div.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
 $("#btd").click(function(){
  $("div").remove();
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">点击删除第一个div</button>
</body>
</html>

Si le paramètre est omis, tous les éléments correspondants seront supprimés.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
div{
 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=$("div");
  a.remove("#first");
  $("#btn").click(function(){
   alert(a.length);
  })
 })
})
</script> 
</head>
<body>
<div id="first">我是第一</div>
<div id="second">我是第二</div>
<button id="btd">删除第一个div</button><button id="btn">查看删除操作后div的数量</button>
</body>
</html>

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

jquery utilise la méthode Remove() pour supprimer les éléments enfants d'une classe spécifiée

<!DOCTYPE html>
<html>
<head>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
 $("button").click(function(){
 $("p").remove(".italic");
 });
});
</script>
</head>
<body>
<p>This is a paragraph in the div.</p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<p class="italic"><i>This is another paragraph in the div.</i></p>
<button>Remove all p elements with class="italic"</button>
</body>
</html>

Après avoir vu ce code, je ne pense pas avoir besoin de trop expliquer. Tout le monde comprendra, c’est une méthode très intéressante.

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：Explication détaillée des compétences de l'algorithme de chiffrement JavaScript SHA512 et SHA256_javascriptArticle suivant：Explication détaillée des compétences de l'algorithme de chiffrement JavaScript SHA512 et SHA256_javascript

Articles Liés

Voir plus