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:

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

CSS esa shunday ko'rinishga ega:

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

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

javascript$('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:

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