Mengenal Untuk Menggunakan Event Pada Jquery

21 Jun 2015 23:25 • Post By

mengenal event di jquery
Event bisa di katakan sebagai aksi yg di lakukan user terhadap sistem misal nya ketika user mengklik suatu element, meletakkan pointer di atas element,membawa keluar pointer,double klik, dan lain nya . untuk contoh penulisan event dengan selector :
$("selector").event();


event yang biasa di gunakan terlebih dahulu adalah event document ready untuk permulaan saat menggunakan syntax jquery. karena event ini berfungsi untuk menunggu sampai document sudah siap di buka oleh browser dan siap untuk di jalankan. dan kemudian baru menjalankan syntax jquery yg akan kita gunakan,fungsi nya untuk mencegah error pada event jquery saat di jalankan atau fungsi kurang bekerja seperti kehendak kita .

$(document).ready(function(){
   //syntax jquery ...
});
Ada banyak sekali event pada jquery dan di antara  :
  • event pada mouse
    • mouseenter
    • mouseleave
    • click
    • dblclick
  • event pada keyboard
    • keypress
    • keyup
    • keydown
  • event pada form
    • submit
    • change
    • focus
    • blur
  • event pada halaman
    • load
    • unload
    • scroll
    • resize
Struktur penulisan JQuery
syntax penulisan event jquery
syntax penulisan event jquery
<html>
    <head>
        <script src="jquery.js" type="text/javascript"></script> //menghubungkan dengan file library jquery
        <script>
            $(document).ready(function(){ //menunggu document siap untuk di jalankan 
               $("button").mouseenter({   // memanggil element tombol dan memberikan event mouseenter
                 alert("ANDA MELETAKKAN POINTER DI ATAS TOMBOL"); //menampilkan pesan saat event terpenuhi  
               });
            });
        </script>
    </head>
    <body>
        <button>KLIK</button>    // element tombol
    </body>
</html>

pada contoh di atas adalah contoh penggunaan event mouse enter untuk membuat fungsi ketika user meletakkan pointer mose di atas tombol maka akan muncul pesan “ANDA MELETAKKAN PONTER DI ATAS TOMBOL” .

Jangan lupa Subscribe ya !!

Mengenal Untuk Menggunakan Event Pada Jquery | Tutorialku.Net | 4.5