Metodi per collegare e scollegare i gestori in jQuery

Si dovrebbe usare da ora in poi questi nuovi paia di metodi, non solo perché semplificano l’API, ma perché è probabile che per le future versioni le altre funzioni scompariranno. Tanto, che se guardiamo il codice della nuova versione, vediamo che l’implementazione dei metodi antichi sono stati sostituiti dalle semplici chiamate .on() e .off().
I nuovi metodi hanno la seguente sintassi:
Se non passiamo nessun selettore come parametro a .on() è simile a .bind(), dove è sufficiente associare al gestore a degli elementi. Questo è anche quello che fanno .click(), .hover(), .change(), .submit() e altre abbreviazioni.
Quando un selettore viene passato come parametro, è simile a .delegate(), dove viene aggiunto il gestore agli elementi, ma ciò che vediamo è se l’evento si è verificato nei discendenti filtrato con il selettore. Quando l’evento si verifica, controlla ognuno degli antenati nel DOM fino che non trova quello con il gestore appropriato. Il trattamento della gestione è poi delegata all’antenato, quindi il loro nome. Questo può essere utile, ad esempio, se abbiamo migliaia di righe: si può associare il gestore alla tabella, invece di dover fare su ognuno delle loro righe, che può essere estremamente lento.
L’utilizzo di .live(), che è simile al .delegate(), e anche se si utilizza document come root non è raccomandato, perché l’evento dovrebbe percorrere tutti gli antenati fino a document per trovare il gestore corretto, il che la rende molto più lenta quando la nostra gerarchia è molto profonda. E anche così , se vogliamo, la possiamo imitare: