Univerzalna metoda on v jQuery

Za vezavo dogodkov lahko uporabimo tudi univerzalno metodo on. Prvi parameter sprejme ime dogodka (na primer 'click'), drugi pa funkcijo, ki jo je treba vezati.

Oglejmo si primer z naslednjo HTML kodo:

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

CSS izgleda takole:

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

Zdaj prepišimo kodo za li, ki smo jo prej pisali z metodo on. Za preverjanje delovanja kliknite na elemente seznama:

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

Lahko isto funkcijo vežemo hkrati na več vrst dogodkov - za to jih je treba našteti z presledki: 'click mousemove itd.'. Na primer takole:

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