# Метод 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` алертом при нажатии на любой из них, но только по первому нажатию. Повторное нажатие на инпут не должно вызывать реакции.

Даны абзацы с числами. По клику на абзац в нем должен появится квадрат числа, которое он содержит, но только по первому клику. По двойному клику на абзац число в абзаце должно удвоится, но тоже только первый раз.

← →
↑