Univerzális on metódus a jQuery-ben

Események hozzárendelésére használhatjuk az univerzális on metódust is. Első paraméterként az esemény nevét fogadja (például 'click'), a második pedig egy függvény, amelyet hozzá kell rendelni.

Nézzünk egy példát a következő HTML kódra:

html<ul>
  <li>szöveg</li>
  <li>szöveg</li>
  <li>szöveg</li>
</ul>

A CSS így néz ki:

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

Most írjuk át a korábban írt kódot a li elemekre az on metódus segítségével. A működés ellenőrzéséhez kattints a lista elemeire:

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

Egy függvényt egyszerre több típusú eseményhez is hozzá lehet rendelni - ehhez felsoroljuk őket szóközzel elválasztva: 'click mousemove stb.'. Például így:

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