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:
| Parameter | Beschreibung |
| expr | Optional. jQueryExpression |
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!
