Beispiel
Wenn ein <p> Element innerhalb eines <div> Element geklickt wird, ändern Sie die Hintergrundfarbe aller <p> Elemente:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Versuch es selber " Definition und Verwendung
Die delegate() Methode legt einen oder mehrere Event - Handler für bestimmte Elemente , die Kinder ausgewählter Elemente sind, und legt eine Funktion auszuführen , wenn die Ereignisse eintreten.
Event - Handler mit dem beiliegenden delegate() für die aktuelle und künftige Elemente Methode funktioniert (wie ein neues Element durch ein Skript erstellt).
Ab jQuery - Version 1.7, die on() ist Methode die bevorzugte Methode für für ausgewählte Elemente Event - Handler anzubringen.
Syntax
$(selector).delegate(childSelector,event,data,function)
| Parameter | Beschreibung |
|---|---|
| childSelector | Erforderlich. Gibt eine oder mehrere untergeordnete Elemente den Event-Handler anhängen zu |
| event | Erforderlich. Gibt eine oder mehrere Ereignisse zu den Elementen zu befestigen. Mehrere Ereignis-Werte werden durch Leerzeichen getrennt. Muss ein gültiges Ereignis sein |
| data | Optional. Gibt zusätzliche Daten zusammen, um die Funktion zu übergeben |
| function | Erforderlich. Gibt die Funktion ausgeführt wird, wenn das Ereignis eintritt |
Probieren Sie es selbst - Beispiele
In Event - Handler für zukünftige Elemente
Wie die zu verwenden delegate() Methode , um Event - Handler für Elemente hinzufügen , noch nicht erstellt.
Pass entlang Daten an die Funktion
Wie entlang Daten zu einem benutzerdefinierten Namen Event-Handler übergeben.