Belajar JQuery I

Lama ga pernah nulis tentangTanya Jawab seputar pemrograman. Read more ... » web, kaliMenjalankan Aplikasi Android di Windows. Read more ... » ini sayaMembuka Command Prompt mode Administrator. Read more ... » akan coba share belajar JQuery dari dasar.  jQuery adalah pustaka JavaScript kecil bersumber terbuka yangPengumuman Calon Asisten Praktikum Basisdata. Read more ... » menekankan pada interaksi antara JavaScript dan HTML. Pustaka ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah MIT dan GPL. Arti diatas saya ambil dari wikipedia.

Nah, sebelum belajar jquery kitaCara mengatasai Cannot modify header PHP. Read more ... » harus download terlebih dahulu paket Jquery disini.  Perlu diketahui rilis terakhir Jquery adalah versi 1.6.2 yang di publish pada tanggal 30 Juni 2011. Oke langsung saja denganTUGAS STRUKTUR DATA KELAS SAMI. Read more ... » pembahasan Belajar Jquery,  sekarang buka notepad atau macromedia dreamweaver. Ketikan source berikut, kalo lama copas aja gan.

<html>
  <head>
  <script type="text/javascript" src="jquery-1.6.js"></script>
  <script type="text/javascript">
    $(document).ready(function(){
      $(".sembunyi").click(function(){
        $("#foto").hide("slow");
      });

      $(".tampil").click(function(){
        $("#foto").show("normal");
      });
    });
  </script>
  </head>
  <body>
  <button class="sembunyi">Sembunyikan</button>
  <button class="tampil">Tampilkan</button>
  <p><img id="foto" src="gambar.jpg" /></p>
  </body>
</html>     

Simpan source diatas berbarengan dengan Jquery-1.6.js, misal beri nama dengan latihan 1. Penjelasannya adalah ketika kita mengklik

  <button>Sembunyikan</button>

Maka akan memanggil fungsi hide pada jquery. Klik disini untuk melihat Demo.

Selamat Mencoba by 1n53ct4

Posted in Html, Programing and tagged , , .