Universalusis metodas on jQuery

Įvykiams pririšti taip pat galima naudoti universalų metodą on. Pirmuoju parametru jis priima įvykio pavadinimą (pavyzdžiui, 'click'), o antruoju - funkciją, kurią reikia pririšti.

Panagrinėkime pavyzdį su šiuo HTML kodu:

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

CSS atrodo taip:

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

Dabar perrašykime kodą for li, kurį mes rašėme anksčiau naudodami metodą on. Norėdami patikrinti veikimą, spustelėkite sąrašo elementus:

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

Galima vienu metu pririšti vieną funkciją keliais įvykių tipais - tam jie turi būti išvardyti per tarpą: 'click mousemove ir t.t.'. Pavyzdžiui, taip:

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

Pririškite visoms nuorodoms įvykį - kai užvedate žymeklį ant nuorodos, prie jos teksto galo pridedamas jos href skliausteliuose.

Pririškite visiems įvesties laukams įvykį - kai prarandamas fokusas, kiekvienas įvesties laukas išveda savo value į pastraipą su id=#test.