Универсальный метод on в jQuery

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

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

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

CSS выглядит так:

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

Теперь перепишем код для li, который мы писали ранее через метод on. Для проверки работы понажимайте на пункты списка:

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

Можно одновременно привязать одну функцию на несколько типов событий - для этого их нужно перечислить их через пробел: 'click mousemove и т.д.'. Например, так:

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