Home / , , , / Jquery write less do more !! (basic)

Jquery write less do more !! (basic)

post by : syazili, on October 22nd, 2012

Logo Jquery

Logo Jquery

jQuery adalah sebuah  JavaScript library multi-browser yang dirancang untuk menyederhanakan scripting client-side HTML. Sehingga mempermudah developer dalam mengembangkan aplikasi web dengan javascript. jquery mempermudah developer untuk mengembangkan ” rich internet aplication“. serta dapat dengan mudah memanipulasi DOM.  jadi jquery bukanlah sebuah bahasa pemrograman baru.

Jquery dirilis pada Januari 2006 di NYC BarCamp oleh John Resig. Saat ini dikembangkan oleh tim pengembang yang dipimpin oleh Dave Methvin. Digunakan oleh lebih dari 55% dari 10.000 website yang paling sering dikunjungi, dengan banyanknya pengguna  jQuery maka sepatutnyalah juquery menjadi library JavaScript yang paling populer digunakan saat ini.

Dasar – dasar jQuery

Ini adalah tutorial dasar jquery, untuk memulainya anda bisa membuat file HTMl:

<html>
  <head>
    <meta charset="utf-8">
    <title>Demo</title>
  </head>
  <body>
    <a href="http://jquery.com/">jQuery</a>
    <script src="jquery.js"></script> 
    <script>

    </script>
  </body>
</html>

atribut src pada bagian “<script src=”jquery.js”></script>” menunjukkan alamat dimana anda menaruh library jquery, jika anda menaruh jquery.js pada direktori yang sama  dengan file HTML anda bisa ketik :

 <script src="jquery.js"></script>

Memanggil mantra ‘on Document Ready’

untuk memulai mantra anda bisa ketik kode di dalam fungsi ready

 $(document).ready(function(){
   // Your code here
 });

sekarang kita coba menambhakan sebuah event pada setiap tag ‘<a>’ di klik.

 $(document).ready(function(){
   $("a").click(function(event){ alert("Thanks for visiting!"); });
 });

simpan file html anda. lalu jalankan di browser anda.

Ok sekian dulu tutorial saya, nanti akan saya update di bagian kedua doakan saja ya..

syazili 0

Leave a Reply