Efek hover ialah suatu efek yang biasa kita gunakan untuk membuat suatu element mengalami suatu perubahan ketika cursor monitor kita arahkan terhadap element tersebut, nah tau kah teman-teman bahwa jquery juga memiliki method seperti halnya css yaitu hover, oleh karena itu pada tutorial kali ini kita akan belajar mengenal method hover pada jquery.

Seperti yang sudah saya jelaskan tadi pada tutorial kali ini kita akan membahas tentang method hover pada jquery, Dari pada bingung mungkin untuk lebih jelasnya kita langsung saja praktekkan, pertama silahkan teman-teman buat sebuah file dan ketikan script berikut ini:

Disini saya membuat sebuah element P yang nanti kita akan berikan method hover pada jquery, nah sekarang kita masuk pada script jquerynya, silahkan teman-teman tambahkan script bertikut ini pada bagian element head:

pada script diatas saya mereload library dari jquery yang bisa kita ambil pada website resmi jquery yaitu jquery.com lalu saya membuat sebuah fungsi dimana ketika kursor kita arahkan ke element p maka akan menjalankan method hover jquery , dimana “this” ini menandakan selector yang kita tentukan sbelunya yaitu p akan mengalami style css berubah background warna menjadi kuning, kelengkapan scriptnya adalah seperti berikut ini:

Jika teman-teman jalankan hasilnya p sebelum dihover adalah seperti berikut ini:

mengenal method hover pada jquery hasil1

Dan jika teman-teman hover element p nya, maka hasinya akan seperti berikut ini:

mengenal method hover pada jquery hasil2

Hasilnya element p akan memiliki background warna kuning sesuai dengan yang kita atur pada script jquery diatas.

Gimana teman-teman cukup mudah bukan? mungkin untuk tutoriak kali ini cukup sampai disini dulu, sampai bertemu lagi pada tutorial berikutnya, semoga tutorial yang singkat ini dapat bermanfaat untuk teman-teman semuanya, Terima kasih.