Belajar jQuery - "Mulai dari Nol Ya.." (Bag. 5)

วันอาทิตย์ที่ 27 พฤษภาคม พ.ศ. 2555

ini adalah bagian ke lima dari tulisan ane ( Belajar jQuery - "Mulai dari Nol Ya.." ), langsung saja ya...

jQuery - Mau Diapakan

Kita sekarang akan membuat sesuatu yang bisa diapa2kan,, misal tombol di demo ~~masak~~ ini,, coba KLIK..

1. Buat BUTTON ber ID=tombol dengan isi CEWEK SENSITIF di bagian code HTML..
<button id="tombol">CEWEK SENSITIF</button>

2. Kita buat code yang Bisa Diapa2kan.. bagian besarnya seperti ini:
$(Siapa).MauDiapakan(Reaksinya);
maka sekarang kita buat kode berikut, di bagian code jQuery..
$("#tombol").click();

3. code itu tadi belum ada Reaksinya.. sekarang ketik kode berikut di dalam kurung setelah click..

function(){}

maka sekarang code kita menjadi:

$("#tombol").click(function(){});

4. beri enter-enter diantara KURUNG KURAWAL kode kita itu tadi, sekarang tambahkan kode reaksi di bawah ini:

alert("SENGGOL BACOK!!");
$(this).hide();

maka sekarang kode kita:

$("#tombol").click(function(){
alert("SENGGOL BACOK!!");
$(this).hide();

});

5. SAVE AS , beri nama belajar jquery - ketika diapa-apakan.html,, coba di browser,, seharusnya jadi seperti demo diatas tadi...

Penjalasan code didalam Reaksinya

1. alert("SENGGOL BACOK!!");
pasti semua sudah tahu kalau ini membuat message box..

2. $(this).hide();
this adalah Siapa yang Relatif,, kita mengetikkan code this ini di dalam codenya #tombol,, berarti this di sini maksudnya adalah #tombol..

Jika agan sudah mengerti di atas,, agan wajib masuk ke bagian 6...

Bagian 5 cukup sampai di sini, semoga bermanfaat, terima kasih, wassalam...

GatewayNesia