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

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

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

html<ul>
  <li>мәтін</li>
  <li>мәтін</li>
  <li>мәтін</li>
</ul>

CSS келесідей көрінеді:

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

Енді біз бұрын жазып алған li үшін кодты on әдісі арқылы қайта жазайық. Жұмысын тексеру үшін тізім элементтерін басып көріңіз:

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

Бір функцияны бірден бірнеше оқиға түріне байлауға болады - ол үшін оларды бос орын арқылы көрсету керек: 'click mousemove және т.б.'. Мысалы, былай:

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