jQuery-də universal on metodu

Hadisələri bağlamaq üçün həmçinin universal on metodundan istifadə edə bilərsiniz. İlk parametr kimi o, hadisənin adını (məsələn, 'click'), ikinci parametr kimi isə bağlanacaq funksiyanı qəbul edir.

Aşağıdakı HTML kodunda bir nümunəyə baxaq:

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

CSS belə görünür:

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

İndi əvvəllər on metodu ilə yazdığımız li kodunu yenidən yazaq. İşləməsini yoxlamaq üçün siyahı bəndlərinə klikləyin:

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

Eyni bir funksiyanı bir neçə hadisə növünə eyni anda bağlamaq olar - bunun üçün onları boşluqla sadalamaq lazımdır: 'click mousemove və s.'. Məsələn, belə:

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