Perkenalan Singkat Tentang JQuery

jquery gb1

Hello sob,
Dalam pembuatan website pastilah sudah kenal dengan Jquery, apa itu jquery?
Jquery adalah Javascript Library, yaitu kumpulan kode/fungsi javascript yang bisa langsung dipakai, sehingga kita lebih ringkas dalam membuat atau menggunakan kode2 javascript. Dimana kadang untuk membuat perintah yang sama dengan javascript dibutuhkan 10 baris pemrograman tapi ketika kita menggunakan JQuery hanya dibutuhkan 1 baris pemrograman saja, hal ini karenakan 10 baris pemrograman tadi sudah dikemas ke dalam 1 paket jquery file.


Prinsipnya JQuery menyederhanakan baris program Javascript.

Bagaimana cara menggunakan JQuery?

1. Download file JQuery pada halaman JQuery.com. (contoh filenya:jquery-1.11.2.min.js), ada 2 file yang disediakan oleh JQuery, yakni:

  • Versi Produksi : Ini untuk website live karena file sudah dikompres (dikecilkan ukurannya).
  • Versi pengetesan dan pengembangan, pada versi ini file tidak dikompres dan bisa dibaca.

2. Simpan file tersebut pada folder sobat misalkan folder :coba
3. Selanjutnya terapkan pada pemrograman html sobat: (panggil file tadi letakan pada tag <head>...</head>

Contoh:
   <html>
       <head>
          <script src="jquery-1.11.2.min.js"></script>
       </head>
       <body>
        ..............program anda
       </body>
   </html>

4. Simpan file sobat tersebut dalam 1 folder dengan file Jquery yg sobat panggil tersebut.

Alternatif untuk meletakkan file JQuery ke dalam baris html sobat adalah dengan melinknya dari CDN (Content Delivery Network) seperti contoh Google atau Microsoft.

Dan contoh jika sobat melink dari google maka akan seperti di bawah ini:

  <html>
       <head>
          <script src="http://ajax.googleapis.com/ajax/libs/jQuery/1.11.2/jQuery.min.js"></script>
       </head>
       <body>
        ..............program sobat
       </body>
   </html>

Dengan menggunakan CDN dari google ini akan sangat praktis , serta akan menghemat atau memperkecil size file website sobat sehingga bisa lebih menghemat resource hosting website sobat.

Subscribe to receive free email updates:

0 Response to "Perkenalan Singkat Tentang JQuery"

Post a Comment