Universālā metode on jQuery

Notikumu piesaistei var arī izmantot universālo metodi on. Pirmā parametra vietā tā pieņem notikuma nosaukumu (piemēram, 'click'), bet otrajā - funkciju, kas jāpiesaista.

Apskatīsim piemēru ar šādu HTML kodu:

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

CSS izskatās šādi:

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

Tagad pārrakstīsim kodu priekš li, kuru mēs rakstījām iepriekš, izmantojot metodi on. Lai pārbaudītu darbību, noklikšķiniet uz saraksta punktiem:

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

Vienlaikus var piesaistīt vienu funkciju vairākiem notikumu veidiem - lai to izdarītu, tos vajag uzskaitīt, atdalot ar atstarpi: 'click mousemove utt.'. Piemēram, šādi:

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

Piesaistiet visām saitēm notikumu - kad peles kursors atrodas virs saites, beigās tās tekstam tiek pievienots tās href apaļās iekavās.

Piesaistiet visiem ievades laukiem notikumu - zaudējot fokusu, katrs ievades lauks izvada savu value rindkopā ar id=#test.