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:

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

CSS kelihatan seperti ini:

li {
	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:

$('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:

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

Ikatkan peristiwa kepada semua pautan - apabila penuding dilalukan ke atas pautan, href-nya ditambahkan pada akhir teksnya dalam kurungan.

Ikatkan peristiwa kepada semua input - apabila kehilangan fokus, setiap input akan memaparkan value-nya ke dalam perenggan dengan id=#test.