Универсални метод on у jQuery-у

За прикачивање догађаја се такође може користити универзални метод on. Први параметар прима назив догађаја (на пример, 'click'), а други - функцију коју треба прикачити.

Размотримо пример на следећем HTML коду:

<ul>
	<li>текст</li>
	<li>текст</li>
	<li>текст</li>
</ul>

CSS изгледа овако:

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

Сада препишимо код за li који смо раније писали преко методе on. Да бисте проверили рад кликните на тачке листе:

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

Могуће је истовремено прикачити једну функцију на више типова догађаја - за то их треба навести раздвојене размаком: 'click mousemove итд.'. На пример, овако:

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

Прикачите свим линковима догађај - при преласку миша преко линка на крај његовог текста додаје се његов href у заградама.

Прикачите свим пољима за унос догађај - при губитку фокуса свако поље за унос исписује своју value у пасус са id=#test.