jQuery-дегі on әмбебап әдісі

Оқиғаларды байлау үшін әмбебап on әдісін де қолдануға болады. Ол бірінші параметр ретінде оқиға атауын қабылдайды (мысалы, 'click'), ал екіншісі - байланыстырылуы тиіс функцияны.

Келесі HTML кодындағы мысалды қарастырайық:

<ul>
	<li>мәтін</li>
	<li>мәтін</li>
	<li>мәтін</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 болатын абзацқа шығарады.