Hai teman-teman apa kabar? semoga tetap dalam keadaan baik, kita lanjut lagi belajarnya pada materi kita tetang jquery, sebelumnya pada tutorial lainnya saya telah banyak membahas tetang method-method yang ada pada jquery dan juga event-event yang ada pada jquery, kali ini pembahasan kita akan membahas salah satu event yang ada pada jquery, kita akan belajar fungsi event mouseleave() pada jquery.

Fungsi dari event mouseleave() adalah membuat efek atau aksi ketika cursor dijauhkan terhadap element selektor yang kita berikan event mouseleave(). Untuk lebih jelasnya kita langusng saja praktek, teman-teman silahkan buat file dan ketikan script berikut ini:

Saya membuat sebuah elemetn p dan saya berikan id dengan nama text, element p ini yang nanti kita akan berikan event mouseleave(), Jika sudah silahkan teman-teman tambahkan script jquery berikut ini:

Seperti biasa kita harus mereload library dari jquerynya, terlebih dahulu:

Setelah itu saya membuat sebuah script jquery seperti diatas yang berarti ketika id dengan nama text mengalami event mouseleave() maksudnya adalah ketika cursor komputer saya letakkan ditas element p lalu saya jauhkan  dari element p tersebut maka akan muncul alert.

Teman-teman silahakan mencobanya dirumah, oke untuk tutorial kali ini tentang fungsi event mouseleave() pada jquery saya rasa cukup sampai disini dulu, semoga tutorial kali ini dapat bermanfaat untuk teman-teman semuanya, sampai bertemu lagi pada tutorial berikutnyal

Terima kasih.