Universalusis metodas on jQuery

Įvykiams pririšti taip pat galima naudoti universalų metodą on. Pirmuoju parametru jis priima įvykio pavadinimą (pavyzdžiui, 'click'), o antruoju - funkciją, kurią reikia pririšti.

Panagrinėkime pavyzdį su šiuo HTML kodu:

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

CSS atrodo taip:

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

Dabar perrašykime kodą for li, kurį mes rašėme anksčiau naudodami metodą on. Norėdami patikrinti veikimą, spustelėkite sąrašo elementus:

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

Galima vienu metu pririšti vieną funkciją keliais įvykių tipais - tam jie turi būti išvardyti per tarpą: 'click mousemove ir t.t.'. Pavyzdžiui, taip:

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