Univerzalna metoda on u jQuery

Za vezivanje događaja takođe se može koristiti univerzalna metoda on. Prvi parametar prima naziv dogadjaja (na primer, 'click'), a drugi - funkciju koju treba vezati.

Razmotrimo primer na sledećem HTML kodu:

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

CSS izgleda ovako:

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

Sada prepišimo kod za li koji smo ranije pisali preko metode on. Da proverite rad kliknite na stavke liste:

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

Možete istovremeno vezati jednu funkciju za više tipova događaja - za to ih treba navesti razmaknute: 'click mousemove itd.'. Na primer, ovako:

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

Privežite svim linkovima događaj - pri prelasku miša preko linka na kraj njegovog teksta dopisuje se njegov href u oblim zagradama.

Privežite svim input poljima događaj - pri gubitku fokusa svako input polje ispisuje svoju value u pasus sa id=#test.