Beispielanalyse der Verwendung der Methode „remove()' in jQuery-js-Tutorial-php.cn

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

巴扎黑

Freigeben： 2017-06-25 09:49:31

Original

1167 Leute haben es durchsucht

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!