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

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

WBOY

Libérer： 2016-05-16 15:46:01

original

1593 Les gens l'ont consulté

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)

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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.