Metoda Universale on në jQuery

Për lidhjen e ngjarjeve mund të përdoret gjithashtu metoda universale on. Si parametër të parë ajo pranon emrin e ngjarjes (për shembull, 'click'), dhe si të dytën - funksionin që duhet të lidhet.

Le të shqyrtojmë një shembull me kodin HTML vijues:

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

CSS duket kështu:

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

Tani le të rishkruajmë kodin për li, të cilin kishim shkruar më parë përmes metodës on. Për të kontrolluar funksionimin klikoni në pikat e listës:

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

Mund të lidhni njëkohësisht një funksion për disa lloje ngjarjesh - për këtë ato duhet të numërohen me hapësirë: 'click mousemove etj.'. Për shembull, kështu:

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