Jquery Dasar

Trik dasar menggunakan Jquery

Sekarang  saya  mencoba  membuat  artikel  tentang  jquery  ane  juga masih pemula koq belum jago gtu.hehehhehe   coba  kita  buat satu  file di dreamweaver seperti coding berikut   :

<html>

  <head>

  <script type="text/javascript" src="jquery-1.4.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="peluk.jpg" /></p> 

  </body>

</html>

Ane coba jelaskan ya maksud dari script di atas ad 3 point untuk diperhatikan

  1. Jquery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah di tampilkan semua di halaman  web fungsi  yang di gunakan  adalah   $(document).ready(function(){
  2.  Setelah semua elemen di tampilkan tahap  berikutnya adalah memilih elemen berdasarkan class atau id yang di defenisikan contoh  script jquery di atas menggunkankan selector

       $("#foto")
       $(".sembunyi")

       $(".tampil")

3. setelah elemen dipilih tahap berikutnya memebrikan aksi terhadap elemen yang sudah dipilih misalnya di klik dan    hide dimana apabila tombol di klik maka menyembunyikan elemen foto

$(document).ready(function(){
      $(".sembunyi").click(function(){
        $("#foto").hide("slow");
      });

Download file


Kunjungi www.prowebpro.com untuk menambah wawasan anda.

Share |

Portfolio

www.wearnespc.comwww.solper.comwww.autojaya.comwww.intisolar.comsmartprint.co.idwww.ottopharm.comoliser.co.idAnd More ....

Livechat

  • Sonny
    Marketing

  • Aris G
    Support

  • Agus
    Support

  • Kurnianto
    Support

  • Eko P
    Designer

  • Andreas
    Designer

  • LiveZilla Live Help

Address

PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
GPS: S 6o 09' 58.1", E 106o 49' 3.3"

 

Phone : 021 - 2636 3170
    021 - 3377 0050
     
Mobile : 0856 - 9360 1378
    0812 - 806 2772
    0857 - 1586 8992
    0816 - 180 8005
     
Blackberry PIN : 23096502
     
Fax : 021 - 633 5765
     
Web : www.proweb.co.id