Belajar JQuery dan cara kerja jquery

Belajar JQuery dan cara kerja jquery , Sudah lama ga posting kangen juga ngeblog, belum tidur semaleman ngantuk banget tapi tetep mau ber...

Belajar JQuery dan cara kerja jquery, Sudah lama ga posting kangen juga ngeblog, belum tidur semaleman ngantuk banget tapi tetep mau berbagi, langsung aja ya biar ga usah basa basi lagi :

1. Buat folder 
2. Buat File index.html, style.css

Jadi isi folder ada index.html, style.css, jquery.js (download disini), sama image (rename dengan nama image-1.jpg biar nyambung sama tutorial).

Jquery merupakan library javascript framework dimana dengan memakai library ini akan sangat menghemat codingan javascript sehingga saat menggunakan javascript seperti teknik ajax, animasi dan manipulasi lebih mudah. Lebih tahu lebih banyak silahkan kunjungi http://jquery.com/ 

Turotial nya seperti ini, masih ingat penulisan html ya copy code dibawah ini :

Pada file index.html masukan code dibawah tepat sebelum tag </head> (ingat tanda komentar ilangin aja)

Kemudian masukan kode dibawah ini sebelum tag </body>

Sembunyikan Gambar | 
   
   Tampilkan Gambar
   
   


  

Masukan kode style dibawah ini pada file css

html,body,ul{
 padding:0;
 margin:0;
}
#container{
 width:600px;
 margin:0 auto;
 background:#333;
 padding:10px;
 height:450px;
}
.wrapper{
 width:450px;
 margin:0 auto;
}
.wrapper{color:#fff; padding:10px;}
.wrapper a{
 text-decoration:none;
 padding:10px;
 color:#fff;
 background:#111;
 border-radius:3px;
 border:1px solid #444;
}
.image{
 margin-top:30px;
}

Kalau semua sudah dibuat coba doubleklik index.html , dan klik tombol sembunyikan nah kalo berjalan dengan baik maka gambar akan hilang, kalau tidak berarti ada yang salah mungkin di codingannya, tapi kalau kamu mengikuti sesuai panduan diatas kamu pasti berhasil.

Terus cara kerjanya gimana ? oh iya bro sampe lupa, nah di bawah ini kira-kira ilustrasinya bro :

Coba lihat pada tombol sembunyikan ada class dengan nilai sembunyikan, jadi pada code jquerynya kira-kira perintahnya begini  “jika tombol dengan nama kelas sembunyikan di klik maka attribute dengan class=image disembunyikan, lakukan dengan waktu 2 detik”, nah penjelasan untuk menampilkanpun hampir sama, so keep semangat dan terus belajar ya.

Biar tidak pusing kamu bisa download source code lengkap di kata download disini diatas bro