Metoden off i jQuery

Fjerning av events, som er bundet via on, utføres ved hjelp av metoden off. Den tar event typen som første parameter (for eksempel 'click'), og som andre parameter - navnet på funksjonen som skal fjernes.

La oss se på følgende eksempel. Anta at vi har HTML koden:

<ul>
	<li>tekst</li>
	<li>tekst</li>
	<li>tekst</li>
</ul>

I CSS er det angitt en stil for taggen li:

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

La oss gjøre slik at etter første klikk på li, blir eventet fra den fjernet:

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

Trykk på listepunktene. Du vil se at ved gjentatt trykk på det samme listepunktet skjer det ingenting, fordi vår funksjon func etter utførelsen av metoden append fjernes med metoden off.

Knytt et event til alle lenker - når du holder musepekeren over en lenke, skal dens href legges til på slutten av lenketeksten i parentes. Etter første gang musepekeren holdes over lenken skal eventet som legger til href på slutten av teksten fjernes.

Gjør slik at alle input-feltene skriver ut sin value når det trykkes på noen av dem, men bare ved det første trykket. Gjentatt trykk på input-feltet skal ikke utløse noen reaksjon.

Det er gitt avsnitt med tall. Ved klikk på et avsnitt skal kvadratet av tallet det inneholder vises, men bare ved første klikk. Ved dobbeltklikk på et avsnitt skal tallet i avsnittet dobles, men også bare første gang.