Універсальны метад 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('!');
});