Heim > Artikel > Web-Frontend > So legen Sie ein Click-Delete-Ereignis in JQuery fest
So legen Sie ein Click-Delete-Ereignis in JQuery fest
- WBOYOriginal
- 2022-05-12 10:34:002316Durchsuche
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.
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()
Fügen Sie dem Klickereignis eine Funktion hinzu:
$(selector).click(function)
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()
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>Ausgabeergebnis:
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!