suchen

Heim  >  Artikel  >  Web-Frontend  >  Detaillierte Erläuterung der Methode „remove()“_jquery von jQuery

Detaillierte Erläuterung der Methode „remove()“_jquery von jQuery

WBOY
WBOYOriginal
2016-05-16 15:46:011560Durchsuche

Definition und Verwendung der Methode „remove()“:

Diese Methode entfernt alle übereinstimmenden Elemente aus dem DOM.

Hinweis: Die Methode „remove()“ löscht die übereinstimmenden Elemente nicht aus dem jQuery-Objekt, sodass diese übereinstimmenden Elemente in Zukunft erneut verwendet werden können. Zusätzlich zum Element selbst bleiben jedoch auch andere Ereignisse wie gebundene Ereignisse erhalten , Zusätzliche Daten usw. werden entfernt.

Grammatikstruktur:

$(selector).remove(expr)

Parameterliste:

Parameterbeschreibung
Ausdruck ist optional. jQuery-Ausdruck zum Filtern von Elementen

Beispielcode:

<!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>

Der folgende Code kann das Div mit der ID zuerst in der Div-Sammlung löschen. 

<!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>

Wenn der Parameter weggelassen wird, werden alle übereinstimmenden Elemente gelöscht. 

<!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() hat das passende Element im DOM entfernt, aber nicht aus dem jquery-Objekt.

jquery verwendet die Methode „remove()“, um untergeordnete Elemente einer bestimmten Klasse zu löschen

<!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>

Nachdem ich diesen Code gesehen habe, glaube ich nicht, dass ich allzu viel erklären muss. Jeder wird es verstehen, es ist eine sehr interessante Methode.

Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Detaillierte Erläuterung der Javascript-Kenntnisse für JavaScript SHA512- und SHA256-VerschlüsselungsalgorithmenNächster Artikel：Detaillierte Erläuterung der Javascript-Kenntnisse für JavaScript SHA512- und SHA256-Verschlüsselungsalgorithmen

In Verbindung stehende Artikel

Mehr sehen