Univerzálna metóda on v jQuery

Na viazanie udalostí možno tiež použiť univerzálnu metódu on. Prvým parametrom prijíma názov udalosti (napríklad 'click'), a druhým - funkciu, ktorá sa má pripojiť.

Zoberme si príklad na nasledujúcom HTML kóde:

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

CSS vyzerá takto:

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

Teraz prepíšme kód pre li, ktorý sme písali predtým pomocou metódy on. Pre kontrolu funkčnosti klikajte na položky zoznamu:

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

Je možné súčasne pripojiť jednu funkciu na viac typov udalostí - na to ich treba vypísať medzerou oddelené: 'click mousemove atď.'. Napríklad takto:

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