Belajar jQuery‎ > ‎

01. Instalasi jQuery

posted Nov 4, 2011 4:52 PM by Editor KursusInternet   [ updated Dec 31, 2011 8:18 AM ]

Pendahuluan

Instalasi jQuery sangat sederhana karena hanya berupa suatu file script berekstensi .js yang direferensi oleh file HTML / Javascript kita. Walaupun demikian pada artikel ini akan ditunjukkan langkah-langkah mulai dari melakukan download, penempatan file sampai dengan  penggunaan jQuery awal di halaman HTML kita.

Langkah-langkah Instalasi dan Penggunaan

  1. Kunjungi halaman website jQuery : http://www.jquery.com.
  2. Klik tombol "download (jQuery)" seperti tampak pada gambar berikut. Pastikan juga pilihan "PRODUCTION" yang digunakan.


  3. Akan muncul halaman code jquery-[version].js. Simpan halaman tersebut ke folder yang kita inginkan. Karena versi terakhir adalah 1.7 pada saat penulisan artikel ini, penulis menyimpan file tersebut dengan nama "jquery-1.7.min.js" pada folder "C:\belajar_jquery".




  4. Sekarang coba buat suatu file teks / html dengan nama "halo_internet.html" pada folder yang sama dengan instalasi jQuery (untuk saat ini).



  5. Edit file "halo_internet.html" dengan isi sebagai berikut.

    halo_internet.html

    <html> <head>     <title>Halo Internet - jQuery</title>     <script src="jquery-1.7.min.js"></script>     <script type="text/javascript">         $(document).ready(             function() {                     $("#link_satu").click(function() {                     $("#link_satu").html("Halo Internet !");
                    });             }         );     </script>   </head> <body>     <a id="link_satu" href="#">Click Saya !</a> </body> </html>

  6. Buka file tersebut dengan browser Anda, misalkan dengan Internet Explorer / Firefox / Chrome / Opera. Hasilnya akan tampak seperti pada gambar berikut ini.



  7. Jika hasilnya seperti tampak di atas, artinya instalasi / setup jQuery Anda untuk halaman tersebut telah berhasil dilakukan.
  8. Selesai.

Artikel Selanjutnya