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

26 September 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat