Univerzalna metoda on u jQuery

Za vezivanje događaja takođe se može koristiti univerzalna metoda on. Prvi parametar prima naziv dogadjaja (na primer, 'click'), a drugi - funkciju koju treba vezati.

Razmotrimo primer na sledećem HTML kodu:

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

CSS izgleda ovako:

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

Sada prepišimo kod za li koji smo ranije pisali preko metode on. Da proverite rad kliknite na stavke liste:

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

Možete istovremeno vezati jednu funkciju za više tipova događaja - za to ih treba navesti razmaknute: 'click mousemove itd.'. Na primer, ovako:

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