Метод off в jQuery

Откачане на събития, прикачени чрез on, се извършва с помощта на метода off. Първият параметър приема типа на събитието (например, 'click'), а вторият - името на функцията, която трябва да се откачи.

Нека разгледаме следния пример. Да предположим, че имаме HTML код:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</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 при натискане върху което и да е от тях, но само при първото натискане. Повторно натискане върху полето за въвеждане не трябва да предизвиква реакция.

Дадени са параграфи с числа. При кликване върху параграф в него трябва да се появи квадратът на числото, което той съдържа, но само при първото кликване. При двойно кликване върху параграфа числото в параграфа трябва да се удвои, но също само за първия път.