Метод off в jQuery

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

Рассмотрим следующий пример. Пусть у нас есть HTML код:

html<ul>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

В CSS указан стиль к тегу li:

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

Давайте сделаем так, чтобы после первого клика по li, событие от нее отвязывалось:

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

Понажимайте на пункты списка. Вы увидите, что при повторном нажатии на тот же пункт списка ничего не происходит, поскольку наша функция func после выполнения метода append отвязывается методом off.