Univerzalna metoda on v jQuery

Za vezavo dogodkov lahko uporabimo tudi univerzalno metodo on. Prvi parameter sprejme ime dogodka (na primer 'click'), drugi pa funkcijo, ki jo je treba vezati.

Oglejmo si primer z naslednjo HTML kodo:

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

CSS izgleda takole:

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

Zdaj prepišimo kodo za li, ki smo jo prej pisali z metodo on. Za preverjanje delovanja kliknite na elemente seznama:

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

Lahko isto funkcijo vežemo hkrati na več vrst dogodkov - za to jih je treba našteti z presledki: 'click mousemove itd.'. Na primer takole:

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

Vezhite vsem povezavam dogodek - ob preletu miške nad povezavo se na konec njenega besedila doda njen href v okroglih oklepajih.

Vezhite vsem vnosnim poljem dogodek - ob izgubi fokusa vsako vnosno polje izpiše svojo value v odstavek z id=#test.