Dasar jQuery

22 04 2010

Perhatikan contoh sederhana dibawah ini:

 <!DOCTYPE html>
 <html lang="en">
 <head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
   <script type="text/javascript">
     $(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });

   </script>
 </head>
 <body>
   <a href="http://jquery.com/">jQuery</a>
 </body>
 </html>

dan mari kita bahas satu per satu… :

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>

Digunakan untuk meload jquery, jika anda tidak memiliki koneksi internet, maka harus di download dulu ke komputer local

$(document).ready(function(){
       $("a").click(function(event){
         alert("As you can see, the link no longer took you to jquery.com");
         event.preventDefault();
       });
     });

Digunakan untuk mencari tags <a></a> di halaman html, kemudian menghandle fungsi klik (event click), dengan cara menampilkan pesat (alert).

Untuk membatalkan proses link yang ada digunakan perintah event.preventDefault()

Silahkan merujuk ke website jQuery untuk lebih jelasnya.


Aksi

Information

2 responses

22 04 2010
wahjusaputro

Sip nambah referensi script makasih. lanjutkan… happy coding and nice script

22 04 2010
cluetux

ini juga masih belajar pak, dulu pas kuliah gak sempet belajar 😉

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout /  Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout /  Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout /  Ubah )

Connecting to %s




%d blogger menyukai ini: