Hai teman-teman semuanya? apa kabar? semoga baik, balik lagi nih pada tutorial saya tentang jquery, sebelumnya saya telah membahas banyak sekali event atau fungsi-fungsi yang ada pada jquery, dan untuk tutorial kali ini kita akan belajar mengenal event mouseover() method pada jquery.

Sebelum kita masuk kepada praktek studi kasus, saya akan menjelaskan sedikit tentang event mouseover() ini, fungsi dari event mouseover() ini ialah untuk memberikan pengaturan pada sebuah element html ketika kita letakan kursor pada element html yang bersangkutan, konsepnya sama seperti :hover pada css.

Oke teman-teman kita langsung saja masuk pada prakteknya, pertama silahkan teman-teman buat sebuah file html, dan ketikan script berikut ini:

Script diatas menjelaskan bahwa saya membuat sebuah p

Lalu saya memanggil library dari jquery secara online pada script berikut ini:

dan saya mengatur script jquery seperti ini:

yang menjelaskan bahwa ketika kursor kita arahkan ke element p maka element p tersebut mengalami efek css berupa background kuning, sebenarnya pada konsepnya ini sama seperti :hover pada css sekedar share saja kalau jquery juga dapat membuat efek seperti itu.

Gimana teman-teman? cukup mudah bukan, saya rasa untuk tutorial kali ini tentang mengenal event mouseover() method pada jquery cukup sampai disini dulu, semoga tutorial yang singkat kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnya,

Terima Kasih.