უნივერსალური მეთოდი on jQuery-ში

მოვლენების მიბმა ასევე შესაძლებელია უნივერსალური მეთოდის 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('!');
});