jQuery delegate() Methode
Voorbeeld
Wanneer op een <p>-element in een <div>-element wordt geklikt, wijzigt u de achtergrondkleur van alle <p>-elementen:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
});
Definitie en gebruik
De methode delegate() is verouderd in versie 3.0. Gebruik in plaats daarvan de methode on() .
De methode delegate() koppelt een of meer gebeurtenishandlers aan gespecificeerde elementen die onderliggende elementen zijn van geselecteerde elementen, en specificeert een functie die moet worden uitgevoerd wanneer de gebeurtenissen plaatsvinden.
Event-handlers die zijn gekoppeld met de methode delegate() zullen werken voor zowel huidige als TOEKOMSTIGE elementen (zoals een nieuw element dat door een script is gemaakt).
Syntaxis
$(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 |
Probeer het zelf - Voorbeelden
Hoe de methode delegate() te gebruiken om gebeurtenishandlers toe te voegen voor elementen die nog niet zijn gemaakt.
Gegevens doorgeven aan een aangepaste benoemde gebeurtenishandler.