Heim >Web-Frontend >Front-End-Fragen und Antworten >Wozu dient Jquery on()?
Die Funktion der Jquery on()-Methode besteht darin, einen oder mehrere Ereignishandler für das ausgewählte Element und die untergeordneten Elemente hinzuzufügen. Die Verwendungssyntax lautet „$(selector).on(event,childSelector,data,function)“.
Die Betriebsumgebung dieses Artikels: Windows7-System, JQuery-Version 3.2.1, DELL G3-Computer
Was ist die Verwendung von JQuery on()? Die
on()-Methode fügt dem ausgewählten Element und den untergeordneten Elementen einen oder mehrere Event-Handler hinzu.
Seit jQuery Version 1.7 ist die on()-Methode der neue Ersatz für die bind()-, live()- und delegate()-Methoden. Diese Methode bringt viel Komfort in die API und wird empfohlen, da sie die jQuery-Codebasis vereinfacht.
Hinweis: Mit der on()-Methode hinzugefügte Ereignishandler gelten für aktuelle und zukünftige Elemente (z. B. neue Elemente, die durch Skripte erstellt wurden).
Tipp: Um Event-Handler zu entfernen, verwenden Sie die Methode off().
Tipp: Wenn Sie ein Ereignis hinzufügen müssen, das nur einmal ausgeführt wird, und es dann entfernen müssen, verwenden Sie die Methode one().
Syntax
$(selector).on(event,childSelector,data,function)
Parameter
Ereignis erforderlich. Gibt ein oder mehrere Ereignisse oder Namespaces an, die aus dem ausgewählten Element hinzugefügt werden sollen.
Mehrere durch Leerzeichen getrennte Ereigniswerte können auch ein Array sein. Muss ein gültiges Ereignis sein.
childSelector Optional. Gibt an, dass Ereignishandler nur zu angegebenen untergeordneten Elementen hinzugefügt werden können (und nicht zum Selektor selbst, wie z. B. der veralteten Methode „delegate()“).
Daten optional. Gibt zusätzliche Daten an, die an die Funktion übergeben werden sollen.
Funktion optional. Gibt eine Funktion an, die ausgeführt werden soll, wenn ein Ereignis auftritt.
Beispiel:
Klick-Ereignishandler zum e388a4556c0f65e1904146cc1a846bee-Element hinzufügen:
$(document).ready(function(){ $("p").on("click",function(){ alert("段落被点击了。"); }); });
Empfohlenes Lernen: „jquery-Video-Tutorial“
Das obige ist der detaillierte Inhalt vonWozu dient Jquery on()?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!