Cara Menginstall JQuery

Cara Menginstall JQuery

33

Pada materi kali ini akan membahas tentang cara menginstall JQuery sehingga kodenya dapat diterapkan pada halaman website.

Ada 2 cara dalam menginstall JQuery kedalam halaman website, yakni :

Mendowload library JQuery secara langsung dan memasukannya ke dalam file HTML. Cara ini disebut cara Internal. Kunjungi situs resmi JQuery jquery.com lalu pilih download JQuery.

cara menginstall jquery

Setelah itu akan ada 2 pilihan dalam memilih file JQuery yang akan didownload, yakni :

  1. Versi Production : merupakan file yang sudah dikompres menjadi ukuran (size) lebih kecil dan cocok untuk website skala kecil / menengah.
  2. Versi Development : digunakan dalam hal testing dan dalam hal development. Dalam versi ini file tidak dikompres dan kode bersifat readable.

Namun, karena kita dalam tahap belajar, silahkan pilih versi Production.

penginstalan jquery

Setelah selesai mendownload, ikuti langkah berikut :

  1. Simpan library JQuery ke dalam 1 folder dengan file – file *.html yang ingin kalian buat.
  2. Lalu gunakan tag <script> yang menandakan bahwa itu adalah file javascript.
  3. Kemudian tambahkan atribut src = “nama_file_jquery.js”.
  4. Penulisan sintaksnya adalah seperti contoh di bawah ini :

XHTML

<!DOCTYPE HTML>

<html>

<head>

<script src="jquery-1.11.2.min.js"></script>

</head>

<body>

<p>Konten Halaman Website di sini</p>

<!-- Tulis file jQuery di bawah konten, di atas /body -->

</body>

</html>

Dalam kode sumber di atas saya sengaja tidak menambahkan atribut :

JavaScript

type="text/javascript"

Karena dalam beberapa browser modern dan HTML5 atribut itu sudah tidak lagi digunakan. Namun, jika anda ingin menambahkannya juga tidak masalah.

Memasukan JQuery dengan cara CDN (Content Delivery Network). Yakni, memasukan link JQuery ke dalam file website. Cara ini disebut cara Eksternal. Jika kalian tidak ingin mendownloadnya, kalian bisa menyertakan link JQuery yang sudah disediakan oleh para vendor.

Namun, kalian membutuhkan koneksi internet untuk mengaplikasikannya jika kalian masih mendevelop website secara lokal. Caranya sama seperti cara di atas, perbedaannya ada pada nilai dari atribut src.

Pada Google

JavaScript

<!DOCTYPE HTML>

<html>

<head>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

</head>

<body>

<p>Konten Halaman Website di sini</p>

<!-- Tulis file jQuery di bawah konten, di atas /body -->



</body>

</html>

Pada Microsoft

XHTML

<!DOCTYPE HTML>

<html>

<head>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>

</head>

<body>

<p>Konten Halaman Website di sini</p>

<!-- Tulis file jQuery di bawah konten, di atas /body -->

</body>

</html>


Demikian tutorial dari cara menginstall JQuery.

Keywords: cara instal jquery, how to install jquery

Share: