Метод off у jQuery-у

Одвајање догађаја, прикачених преко on, врши се помоћу методе off. Првим параметром прима тип догађаја (на пример, 'click'), а другим - име функције коју треба одвојити.

Размотримо следећи пример. Нека имамо HTML код:

<ul>
	<li>текст</li>
	<li>текст</li>
	<li>текст</li>
</ul>

У CSS је наведен стил за тег li:

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

Хајде да урадимо тако да после првог клика на li, догађај са ње буде одвојен:

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

Кликните на ставке списка. Видећете да при поновном притиску на исту ставку списка ништа се не дешава, пошто се наша функција func након извршавања методе append одваја методом off.

Прикачите свим линковима догађај - при прелазу курсора преко линка на крај његовог текста додаје се његов href у заградама. После првог преласка курсора преко линка треба одвојити догађај који додаје href на крај текста.

За све инпуте урадите тако да они испишу своју value вредност при притиску на било који од њих, али само при првом притиску. Поновни притисак на инпут не би требало да изазове реакцију.

Дати су пасуси са бројевима. При клику на пасус у њему треба да се појави квадрат броја који садржи, али само при првом клику. При дуплом клику на пасус број у пасусу треба да се удвостручи, али такође само први пут.