Esempio
Quando un <p> elemento all'interno di un <div> elemento viene cliccato, modificare il colore di sfondo di tutte le <p> elementi:
$("div").delegate("p", "click", function(){
$("p").css("background-color", "pink");
}); Prova tu stesso " Definizione e utilizzo
Il delegate() metodo attribuisce uno o più gestori di eventi per gli elementi specificati che sono figli di elementi selezionati, e specifica una funzione da eseguire quando si verificano gli eventi.
I gestori di eventi collegati con il delegate() metodo funziona per entrambi gli elementi attuali e futuri (come un nuovo elemento creato da uno script).
Come di jQuery versione 1.7, l' on() metodo è il metodo preferito per collegare i gestori di eventi per gli elementi selezionati.
Sintassi
$(selector).delegate(childSelector,event,data,function)
| Parametro | Descrizione |
|---|---|
| childSelector | Richiesto. Specifica uno o più elementi secondari per attaccare il gestore di eventi per |
| event | Richiesto. Specifica uno o più eventi per fissare agli elementi. valori degli eventi multipli sono separate da uno spazio. Deve essere un evento valido |
| data | Facoltativo. Specifica dati aggiuntivi per passare insieme alla funzione |
| function | Richiesto. Specifica la funzione da eseguire quando si verifica l'evento |
Provate voi stessi - Esempi
Aggiungere gestori di eventi per gli elementi futuri
Come utilizzare il delegate() metodo per aggiungere i gestori di eventi per gli elementi non ancora creati.
Scivolare lungo i dati alla funzione
Come per passare insieme i dati di un gestore di eventi di nome personalizzato.