Event Pada JQuery

Selamat Malam.

Seperti halnya pada JavScript, pada JQuery-pun terdapat banyak sekali event-event yang digunakan untuk menangani suatu peristiwa.
Sepeti : click pada element, mouse over, mouse out, selecting radio dan masih banyak lagi.
Akan tetapi saya tidak akan membahas semuanya, melainkan saya akan membahas event-event yang sering digunakan dalam pemrograman.

Metode JQuery Yang Umum Digunakan

$(document).ready()
Metode ini memmungkinkan kita untuk melaksanakan fungsi ketika document telah di load penuh.
Dan secara umum penulisan event pada JQuery adalah :

$(pemicu).nama_event( function(){
// peristiwa
}):

Pemicu : element yang akan menimbulkan aksi apabila di kenai event
Nama_event : event yang akan di berikan ke pemicu
Peristiwa : peristiwa yang akan terjadi apapbila pemicu telah mendapat perintah.

.click()
Fungsi ini dijalankan ketika user meng-klik suatu element HTML.

$("p").click( function(){
$(this).hide();
});

.dblclick()
Fungsi ini akan dijalankan ketika user meng-klik dua kali suatu element HTML.

$("p").dblclick( function(){
$(this).hide();
});

.mouseenter
Fungsi ini dijalankan ketika mouse pointer memasuki element HTML.

$("#element1").mouseenter(function(){
alert('Anda memasuki element1')

}) ;

.mouseleave
Fungsi ini dijalankan ketika mse meningglkan element HTML.

$("#element1").mouseleave(function(){
alert('Anda sekarang meningglkan element1');
});

.focus()
Fungsi ini dijalankan ketika textfield pada form mendapat focus.

$("input").focus(function(){
$(this).css("background-color","#ccc");
});

.blur()
Fungsi ini dijalankan ketika textfield pada form kehilangan focus.

$("input").blur(function(){
$(this).css("background-color","#ccc");
});

.hover()
Metode ini mengambil dua fungsi danmerupakan gabungan antara fungsi .mouseenter() dan mouseleave().

Fungsi pertama dijalankan ketika mouse memasuki element HTML, dan fungsi kedua dijalankan ketika mouse meninggalkan element HTML.

$("#element").hover(function(){
alert('Anda memasuki #element');
},
function(){
alert('Anda meninggalkan #element');
});

.keyup()
Fungsi ini terjadi ketika kita mengetikan karakter dengan keyboard pada textfield.

$('#select').keyup(function(){
var isi = $('#select').val();
$('#result').text(isi);
});

Mungkin hanya ini yangbisa saya tuliskan untuk anda, untuk lebih lengkapnya silakan merujuk ke halaman situs resmi dari JQuery. Untuk contoh penggunaan akan saya posting di post berikutnya.

Terima kasih sudah mampir. ^_^