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:

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

CSS duket kështu:

li {
	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:

$('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:

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

Lidhni për të gjitha lidhjet ngjarjen - kur kursori vihet mbi lidhjen, në fund të tekstit të saj shtohet href i saj në kllapa të rrumbullakëta.

Lidhni për të gjitha fushat e hyrjes ngjarjen - kur humbet fokusi, çdo fushë hyrjeje do të shfaqë value të saj në një paragraf me id=#test.