Kamis, 17 Mei 2018

Belajar jQuery : Event jQuery dan Contoh Penggunaanya


Codins - Setelah kita belajar tentang Selector pada jQuery, kita akan melanjutkan pembelajaran dengan mengenal event pada jquery serta contoh penggunaanya. Seperti Event pada javascript, event di jquery juga merupakan suatu method atau aksi yang dijalankan pada jquery. Untuk itu jika anda sudah memahami event pada javascript, maka untuk memahami event di jquery juga akan menjadi lebih mudah.

Event Pada jQuery

Seperti javascript, ada beberapa event yang dimiliki jQuery, beberapa diantaranya adalah click(), mouseleave(), mouseenter(), dan masih banyak lagi. Kita akan mencoba membuat salah satu event pada jQuery, buatlah file html baru bernama event.html kemudian isikan sintaks dibawah ini : 

event.html

Penjelasan sintaks :
  • Kita membuat terlebih dulu button dengan id tombol, kemudian kita lanjutkan dengan membuat div denagn class kotak
  • Selanjutnya kita pilih id tombol menggunakan selector kemudian berikan event mouseenter dan akan menampilkan div dengan class kotak
  • event mouseleave akan menyembunyikan div dengan class kotak melalui $('.kotak').hide();
Sampai disini terlebih dulu artikel saya mengenai Belajar jQuery : Event jQuery dan Contoh Penggunaanya. Semoga bisa bermanfaat bagi anda.

Related Posts

Belajar jQuery : Event jQuery dan Contoh Penggunaanya
4/ 5
Oleh