Hallo teman-teman semuanya, apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi belajarnya, pembahasan kita kali ini tentang jquery yaitu lebih tepatnya kita akan belajar mengenal event mouseenter pada jquery.

Apa itu event? event adalah suatu tindakan atau aksi yang dilakukan oleh user atau pengguna misalnya, mengklik, menekan tombol enter dan lain sebagainya.

Dan sekarang apa itu mouseenter,  mouse enter pada jquery adalah suatu tindakan ketika kita meletakan cursor monitor pada element tertentu atau biasa kita sebut di css yaitu hover.

Nah pada tutorial kali ini untuk lebih jelasnya tentang penggunaan event mouseenter ini kita langsung saja praktek, pertama silahakan teman-teman ketikan script berikut ini:

Saya membuat sebuah element p atau paragraf denagn memberikannya atribut id dengan nama text yang dimana nanti element ini akan kita berikan efek mouseenter jquery, setelah itu saya mereload library dari jquery yang dapat kita ambil dari website resmi jquery yaitu jquery.com.

Setelah itu saya membuat script jquerynya dimana saya menentukan id text sebagai selectornya yang apabila mengalami event mouseenter maka akan muncul alert. jika sudah teman-teman bisa save filenya, dan jalankan pada browser, apabila kita arahkan kursor atau hover element p yang kita buat tadi maka hasilnya akan seperti berikut ini:

mengenal event mouseenter pada jquery hasil

Hasilnya akan muncul alert dengan tulisan selamat pagi juara seperti yang kita ketikan pada script jquery diatas. Gimana teman-teman? cukup mudah bukan? Selamat mencoba dirumah ya teman-teman,  saya rasa untuk tutorial kali ini tentang mengenal event mouseenter pada jquery, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya.

Terima Kasih