Универсални метод on у jQuery-у

За прикачивање догађаја се такође може користити универзални метод on. Први параметар прима назив догађаја (на пример, 'click'), а други - функцију коју треба прикачити.

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

html<ul>
  <li>текст</li>
  <li>текст</li>
  <li>текст</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('!');
});