Heim > Web-Frontend > Front-End-Fragen und Antworten > So legen Sie ein Click-Delete-Ereignis in JQuery fest

So legen Sie ein Click-Delete-Ereignis in JQuery fest

WBOY
Freigeben: 2022-05-12 10:34:00
Original
2348 Leute haben es durchsucht

Einstellungsmethode: 1. Verwenden Sie die Methode „click element object.click(function(){event processing function})“, um das Click-Ereignis an das angegebene Element zu binden und die Ereignisverarbeitungsfunktion anzugeben. 2. Verwenden Sie „To Deleted element“. object.remove();“ ist festgelegt und klicken Sie zum Löschen.

So legen Sie ein Click-Delete-Ereignis in JQuery fest

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So legen Sie ein Klick-Löschereignis in jquery fest

1. Verwenden Sie die click()-Methode, um das Klickereignis festzulegen.

Wenn auf ein Element geklickt wird, tritt das Klickereignis auf. Die

click()-Methode löst ein Klickereignis aus oder gibt eine Funktion an, die ausgeführt werden soll, wenn ein Klickereignis auftritt.

Syntax

Lösen Sie das Klickereignis des ausgewählten Elements aus:

$(selector).click()
Nach dem Login kopieren

Fügen Sie dem Klickereignis eine Funktion hinzu:

$(selector).click(function)
Nach dem Login kopieren

Funktion Optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn das Klickereignis auftritt.

2. Verwenden Sie die Methode „remove()“, um Elemente zu löschen.

Die Methode „remove()“ entfernt die ausgewählten Elemente, einschließlich aller Text- und untergeordneten Knoten.

Diese Methode entfernt auch die Daten und Ereignisse des ausgewählten Elements.

Grammatik

$(selector).remove()
Nach dem Login kopieren

Das Beispiel lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>123</title>
<script src="js/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
  $("p") .remove();
  });
});
</script>
</head>
<body>
<p>点击这个段落。</p>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

So legen Sie ein Click-Delete-Ereignis in JQuery fest

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie ein Click-Delete-Ereignis in JQuery fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage