Kaedah Universal on dalam jQuery

Untuk mengikat peristiwa, anda juga boleh menggunakan kaedah universal on. Parameter pertamanya menerima nama peristiwa (contohnya, 'click'), dan yang kedua - fungsi yang perlu diikat.

Pertimbangkan contoh pada kod HTML berikut:

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

CSS kelihatan seperti ini:

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

Sekarang tulis semula kod untuk li, yang kami tulis sebelum ini melalui kaedah on. Untuk menyemak kerja, klik pada item senarai:

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

Anda boleh mengikat satu fungsi secara serentak kepada beberapa jenis peristiwa - untuk melakukan ini, senaraikan mereka dengan ruang: 'click mousemove dan lain-lain.'. Sebagai contoh, seperti ini:

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