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:

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

CSS terlihat seperti ini:

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

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

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

Ikat event ke semua tautan - saat mengarahkan kursor ke tautan, di akhir teksnya ditambahkan href-nya dalam tanda kurung.

Ikat event ke semua input - saat kehilangan fokus, setiap input menampilkan value-nya ke dalam paragraf dengan id=#test.