Il metodo off in jQuery

La rimozione degli eventi, associati tramite on, avviene utilizzando il metodo off. Come primo parametro accetta il tipo di evento (ad esempio, 'click'), e come secondo - il nome della funzione che deve essere rimossa.

Consideriamo il seguente esempio. Supponiamo di avere il codice HTML:

<ul>
	<li>testo</li>
	<li>testo</li>
	<li>testo</li>
</ul>

In CSS è definito uno stile per il tag li:

li {
	width: 100px;
	cursor: pointer;
}

Facciamo in modo che dopo il primo click su li, l'evento venga rimosso:

$('li').on('click', function() {
	$(this).append('!');
	$(this).off('click', func);
});

Clicca sugli elementi della lista. Vedrai che alla seconda pressione sullo stesso elemento della lista non succede nulla, poiché la nostra funzione func dopo l'esecuzione del metodo append viene rimossa con il metodo off.

Associa a tutti i link un evento - al passaggio del mouse sul link, alla fine del suo testo viene aggiunto il suo href tra parentesi tonde. Dopo il primo passaggio del mouse sul link rimuovi da esso l'evento che aggiunge href alla fine del testo.

Per tutti gli input, fai in modo che visualizzino il loro value alla pressione su uno qualsiasi di essi, ma solo al primo click. Una seconda pressione sull' input non deve provocare alcuna reazione.

Sono dati paragrafi con numeri. Al click su un paragrafo in esso deve apparire il quadrato del numero che contiene, ma solo al primo click. Al doppio click sul paragrafo il numero nel paragrafo deve raddoppiarsi, ma anche solo la prima volta.