jQuery- delegate()- Methode
Beispiel
Wenn auf ein <p>-Element innerhalb eines <div>-Elements geklickt wird, ändern Sie die Hintergrundfarbe aller <p>-Elemente:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
});
Definition und Verwendung
Die Methode „delegate()“ ist in Version 3.0 veraltet. Verwenden Sie stattdessen die Methode on() .
Die Methode „delegate()“ fügt einen oder mehrere Ereignishandler für bestimmte Elemente an, die untergeordnete Elemente ausgewählter Elemente sind, und gibt eine Funktion an, die ausgeführt werden soll, wenn die Ereignisse eintreten.
Event-Handler, die mit der Methode "delegate()" angehängt wurden, funktionieren sowohl für aktuelle als auch für ZUKÜNFTIGE Elemente (wie ein neues Element, das von einem Skript erstellt wurde).
Syntax
$(selector).delegate(childSelector,event,data,function)
| Parameter | Description |
|---|---|
| childSelector | Required. Specifies one or more child elements to attach the event handler to |
| event | Required. Specifies one or more events to attach to the elements. Multiple event values are separated by space. Must be a valid event |
| data | Optional. Specifies additional data to pass along to the function |
| function | Required. Specifies the function to run when the event occurs |
Probieren Sie es selbst aus - Beispiele
hinzufügen So verwenden Sie die Methode „delegate()“, um Event-Handler für noch nicht erstellte Elemente hinzuzufügen.
So übergeben Sie Daten an einen benutzerdefinierten benannten Ereignishandler.