Metode on Universal di jQuery

Untuk mengikat event juga dapat menggunakan metode universal on. Parameter pertamanya menerima nama event (misalnya, 'click'), dan yang kedua - fungsi yang harus diikat.

Perhatikan contoh pada kode HTML berikut:

html<ul>
  <li>teks</li>
  <li>teks</li>
  <li>teks</li>
</ul>

CSS terlihat seperti ini:

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

Sekarang tulis ulang kode untuk li yang pernah kita tulis sebelumnya melalui metode on. Untuk memeriksa kerjanya, klik pada item daftar:

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

Dapat mengikat satu fungsi secara bersamaan untuk beberapa jenis event - untuk ini mereka perlu didaftarkan dengan spasi: 'click mousemove dst.'. Misalnya, seperti ini:

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