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