jQuery'de Evrensel on Metodu

Olayları bağlamak için ayrıca evrensel on metodu kullanılabilir. İlk parametresi olayın adını (örneğin, 'click'), ikincisi ise bağlanacak fonksiyonu alır.

Aşağıdaki HTML kodu üzerinde bir örnek inceleyelim:

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

CSS şu şekilde görünüyor:

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

Şimdi, daha önce on metodu ile yazdığımız li kodunu tekrar yazalım. Çalışmasını test etmek için liste öğelerine tıklayın:

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

Aynı fonksiyonu aynı anda birden fazla olay türüne bağlamak mümkündür - bunun için olaylar boşlukla ayrılarak listelenmelidir: 'click mousemove vb.'. Örneğin, şu şekilde:

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