Cara Penggunaan Api Bind Pada jQuery
Penanganan event pada web harus jadi point plus bagi seorang web developer. Apa itu Event? Event ini merupakan aksi yang dapat menjadi pemicu untuk menjalankan suatu fungsi. Pada hari ini saya akan buat efek sederhana. Pertama kita akan buat elemen HTMLnya di ikuti id="link" sebagai berikut
dan kita akan atur dan berikan cssnya sebagai berikut
Pada code diatas saya telah membuat sebuah class bold. dengan bantuan fungsi addClass kita dapat menambahkan nilai class sedangkan removeClass yakni untuk menghilangkan nilai class sebagai berikut
Terlihat pada kode diatas event handlenya kita membuat 2 event yaitu mouseenter dan mouseleave. dimana event tersebut akan dijalankan ketika mouse mendekati. Untungnya pada jquery terdapat api Bind dengan api Bind ini temen temen dapat menuliskan banyak event handle pada satu element untuk melakukan beberapa aksi sekaligus. Contoh sederhana dalam menggunakan event Bind sebagai berikut
Dengan demikan temen temen tidak perlu lagi menuliskan kode yang panjang untuk menghandle suatu element dengan event yang banyak. Dengan adanya Api Bind pada Jquery sesuai dengan moto atau semboyan jQuerynya yakni Write Less Do More yang artinya kesederhanaan dalam penulisan code tapi dengan hasil yang lebih banyak. Oke selamat mencoba .
Terima Kasih
Webinar Gratis 2024
Sabtu, 09 Maret 2024
10 Bahasa Rekomendasi Untuk Dipelajari di 2024
Python Developer, Data Science, Web Application
Minggu, 26 Mei 2024, 09.00-13.00 WIB
(4 Jam Membuat Backend di Laravel 11)