Universaalne meetod on jQuery-s

Sündmuste sidumiseks saab kasutada ka universaalset meetodit on. Esimese parameetrina võtab see sündmuse nimetuse (näiteks 'click') ja teise parameetrina - funktsiooni, mis tuleb siduda.

Vaatame näidet järgmise HTML koodiga:

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

CSS näeb välja selline:

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

Nüüd kirjutame ümber koodi li jaoks, mille me kirjutasime varem läbi meetodi on. Töö kontrollimiseks klõpsake loendi punktidel:

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

Ühe funktsiooni saab korraga siduda mitut tüüpi sündmustega - selleks tuleb need loetlede tühikuga eraldades: 'click mousemove jne.'. Näiteks nii:

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