Manuale jQuery

Collega degli eventi a determinati figli di un elemento

Sintassi

$(selector).delegate(childSelector,event,data,function)

• childSelector: specifica uno o più elementi figli a cui attaccare il gestore di eventi
• event: uno o più eventi da attaccare all’elemento
• data: dati aggiuntivi da passare all’evento (opzionale)
• function: la funzione da eseguire

Esempio

$("div").delegate("div",  "click",function(){
	$("span").css("color",  "red").css("font-weight", "bold");
});

se clickiamo in un div contenuto dentro un altro div, tutti gli elementi di tipo span, diventano rossi / grassetto

Esempio 2

<script>
function  gestoreMessaggi(e){
	alert(e.data.messaggio);
	$("<p>Clicca anche qui</p>").insertAfter(this).delegate({messaggio: "hai  cliccato"}, "click", gestoreMessaggi);
}
$(document).ready(function(){
	$("p").delegate({messaggio:  "hai cliccato"}, "click", gestoreMessaggi)
});
</script>
<p>Clicca  qui</p>

Come passare dati all’evento e come assegnare eventi ad oggetti non ancora creati

Clicando su un paragrafo, viene mostrato un messaggio e creato un nuovo paragrafo a cui viene assegnato lo stesso evento.