Heim > Artikel > Web-Frontend > Beispielanalyse der Verwendung der Methode „remove()“ in jQuery

Beispielanalyse der Verwendung der Methode „remove()“ in jQuery

巴扎黑Original: 2017-06-25 09:49:311120Durchsuche

Dieser Artikel stellt hauptsächlich die Verwendung der Methode „remove()“ in jQuery vor und demonstriert die Verwendungsfähigkeiten der Methode „remove()“ zum Löschen des Elements in drei verschiedenen Beispielen. Es hat einen bestimmten Referenzwert. Freunde, die es benötigen, können darauf verweisen

Dieser Artikel beschreibt die Verwendung der Methode „remove()“ in jQuery anhand von Beispielen. Teilen Sie es als Referenz mit allen. Die spezifische Analyse lautet wie folgt:

Diese Methode entfernt alle übereinstimmenden Elemente aus dem DOM.

Hinweis: Die remove()-Methode entfernt die übereinstimmenden Elemente nicht aus dem jQuery-Objekt, sodass diese übereinstimmenden Elemente in Zukunft wieder verwendet werden können, aber mit Ausnahme des Elements selbst bleibt erhalten, andere wie gebundene Ereignisse, zusätzliche Daten usw. werden entfernt.

Grammatikstruktur:

Der Code lautet wie folgt:

$(selector).remove(expr)

Parameterliste:

zum Filtern von Elementen

Parameter

Beschreibung

expr

Optional. jQueryExpression

参数	描述
expr	可选。用于筛选元素的jQuery表达式

Beispielcode:

Beispiel 1:

Der Code lautet wie folgt:

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

Der folgende Code kann p mit der ID zuerst im p-Satz löschen.

Beispiel 2:

Der Code lautet wie folgt:

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

Wenn die Parameter weggelassen werden, werden alle passenden Elemente gelöscht.

Beispiel 3:

Der Code lautet wie folgt:

<!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() hat das passende Element im DOM gelöscht, aber nicht entfernt es aus dem JQuery-Objekt löschen in.

Das obige ist der detaillierte Inhalt vonBeispielanalyse der Verwendung der Methode „remove()“ in jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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：Analysieren Sie den Unterschied zwischen der Verwendung der Funktionen „remove()“ und „detach()“ in jqueryNächster Artikel：Analysieren Sie den Unterschied zwischen der Verwendung der Funktionen „remove()“ und „detach()“ in jquery

In Verbindung stehende Artikel

Mehr sehen