Event pada JQuery

Yoo kawan-kawan disini mimin mau ngenalin nih Event yang ada pada JQuery, nah event ini sering dipake oleh webdeveloper ketika ingin memberikan sebuah effect namun setelah diberikan sebuah event pada elementnya. Nah event-event ini terdapat banyak namun mimin ingin membahas secara singkat atau yang sering digunakan saja seperti berikut:

click() = sebuah fungsi yang mendeteksi ketika sebuah element diclick
dblclick() = sebuah fungsi yang mendeteksi ketika sebuah element diclick 2 kali
mouseenter() = sebuah fungsi yang mendeteksi ketika sebuah kursor yang terdapat pada element.
mouseleave() = sebuah fungsi yang mendeteksi ketika sebuah kursor yang terdapat diluar element.

seperti contoh dibawah ini:

Htmlnya seperti berikut:
<!-- <div id="kotak"></div> -->

Cssnya seperti berikut:
/*
    #kotak{
    background-color: black;
    width: 200px;
    height: 200px;
}
*/
JQuerynya seperti berikut:
/*
<script>
    $(document).ready(function(){
        $('#kotak').click(function(){
            $('#kotak').css('background-color', 'red');
        });
        $('#kotak').dblclick(function(){
            $('#kotak').css('background-color', 'green');
        });
        $('#kotak').mouseenter(function(){
            $('#kotak').css('background-color', 'blue');
        });
        $('#kotak').mouseleave(function(){
            $('#kotak').css('background-color', 'black');
        });
    });
</script>
*/
Jangan lupa Uncomment script diatas
Jika belum mengerti dapat berkomentar dibawah ini
Selamat mencoba /('-')/\('-')\ admin@zi