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

За привързване на събития също може да се използва универсалният метод on. Първият параметър, който приема, е името на събитието (например, 'click'), а вторият - функцията, която трябва да се привърже.

Нека разгледаме пример със следния HTML код:

<ul>
	<li>text</li>
	<li>text</li>
	<li>text</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.