Metode off di jQuery

Melepas event yang dipasang melalui on, dilakukan dengan metode off. Parameter pertama menerima tipe event (misalnya, 'click'), dan parameter kedua - nama fungsi yang harus dilepas.

Mari kita pertimbangkan contoh berikut. Misalkan kita memiliki kode HTML:

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

Dalam CSS ditentukan gaya untuk tag li:

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

Mari kita buat agar setelah klik pertama pada li, event darinya terlepas:

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

Coba klik pada item daftar. Anda akan melihat bahwa saat menekan item daftar yang sama untuk kedua kalinya, tidak ada yang terjadi, karena fungsi kita func setelah metode append dijalankan, dilepas dengan metode off.

Pasang event untuk semua tautan - saat mengarahkan kursor ke tautan, di akhir teksnya ditambahkan href-nya dalam tanda kurung. Setelah pertama kali mengarahkan kursor ke tautan, lepas event darinya yang menambahkan href di akhir teks.

Untuk semua input, buat agar mereka menampilkan value-nya sendiri saat menekan salah satu dari mereka, tetapi hanya pada tekanan pertama. Menekan input untuk kedua kalinya tidak boleh memicu reaksi.

Diberikan paragraf dengan angka. Saat mengklik paragraf, harus muncul kuadrat dari angka yang dikandungnya, tetapi hanya pada klik pertama. Pada klik ganda pada paragraf, angka dalam paragraf harus digandakan, tetapi juga hanya untuk pertama kalinya.