Exemple d'analyse de l'utilisation de la méthode Remove() dans jQuery-js tutoriel-php.cn

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

巴扎黑

Libérer： 2017-06-25 09:49:31

original

1203 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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>

Copier après la connexion

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!