JQuery... itu gimana ya...(Bagian ke 4)

jQuery - Mau Diapakan

Kita sekarang akan membuat sesuatu yang bisa diapa2kan,, misal tombol di demo 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,,  silahkan belajar selanjutnya mengenai :

jQuery - MANIPULASI HTML

=============  DEMO ==============
P ID=tujuannya==================================

langsung saja coba satu-satu ya..
1. $("#tujuannya").append(" KATA BARU");
penjelasan: append digunakan untuk menyisipkan kata baru (juga bisa di isi kode html) ke dalam tag target, append akan meletakkan kata baru kita di akhir tag,, untuk meletakkan di awal tag,, gunakan prepend..

2. $("#tujuannya").after("<p>P BARU</p>");
penjelasan: after digunakan untuk menambahkan kode html / tulisan baru setelah target,, untuk meletakkan sebelum target,, gunakan before...

3. $("#tujuannya").html("KATA BARU");
penjelasan: html digunakan untuk mengganti seluruh isi tag target dengan kata baru.. itu saja..

jangan dibaca saja,, sambil di coba ya.. lalu menuju ke ...