Univerzálna metóda on v jQuery

Na viazanie udalostí možno tiež použiť univerzálnu metódu on. Prvým parametrom prijíma názov udalosti (napríklad 'click'), a druhým - funkciu, ktorá sa má pripojiť.

Zoberme si príklad na nasledujúcom HTML kóde:

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

CSS vyzerá takto:

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

Teraz prepíšme kód pre li, ktorý sme písali predtým pomocou metódy on. Pre kontrolu funkčnosti klikajte na položky zoznamu:

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

Je možné súčasne pripojiť jednu funkciu na viac typov udalostí - na to ich treba vypísať medzerou oddelené: 'click mousemove atď.'. Napríklad takto:

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

Pripojte všetkým odkazom udalosť - pri nájdení myši na odkaz sa na koniec jej textu pripíše jej href v okrúhlych zátvorkách.

Pripojte všetkým vstupným poliam udalosť - pri strate fokusu každé vstupné pole vypíše svoju value do odseku s id=#test.