Универсален метод 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.