jQuery-dagi universal on metodi

Hodisalarni bog'lash uchun universal on metodidan ham foydalanish mumkin. U birinchi parametr sifatida hodisa nomini (masalan, 'click'), ikkinchi parametr sifatida esa bog'lanishi kerak bo'lgan funktsiyani qabul qiladi.

Quyidagi HTML kodida misolni ko'rib chiqamiz:

<ul>
	<li>matn</li>
	<li>matn</li>
	<li>matn</li>
</ul>

CSS esa shunday ko'rinishga ega:

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

Endi ilgari li uchun on metodi orqali yozgan kodimizni qayta yozamiz. Ishni tekshirish uchun ro'yxat bandlarini bosing:

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

Bir funktsiyani bir vaqtning o'zida bir nechta hodisa turlariga bog'lash mumkin - buning uchun ular bo'sh joy orqali sanab o'tilishi kerak: 'click mousemove va h.k.'. Masalan, shunday:

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

Barcha havolalarga hodisa bog'lang - havolaga sichqoncha olib borilganda, uning matni oxiriga uning href atributi qavs ichida qo'shilsin.

Barcha inputlarqa hodisa bog'lang - fokusni yo'qotganda har bir input o'zining value qiymatini id=#test bo'lgan abzasga chiqarsin.