Pemasangan jQuery

Tambahkan jQuery ke halaman web Anda

Untuk menggunakan jQuery, Anda perlu mengunduh pustaka jQuery (akan dijelaskan di bawah ini), lalu sisipkannya ke halaman web yang diinginkan.

Pustaka jQuery adalah berkas JavaScript, Anda dapat mengutamakan dia melalui tag <script> HTML:

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

Sila pastikan, <script> tag harus berada di bagian <head> halaman.

Petunjuk:Apakah anda bingung mengapa kami tidak menggunakan type="text/javascript" di tag <script>?

Dalam HTML5, anda tidak perlu melakukan hal seperti itu. JavaScript adalah bahasa skrip standar di HTML5 serta semua browser modern!

Unduh jQuery

Ada dua versi jQuery yang dapat diunduh:

  • Versi produksi - digunakan di situs yang sebenarnya, sudah disempit dan disingkat.
  • Versi pengembangan - digunakan untuk pengujian dan pengembangan (tidak disempit, adalah kode yang dapat dibaca)

Kedua versi ini dapat diunduh dari jQuery.com Unduh.

Petunjuk:Anda dapat menempatkan berkas unduhan di direktori yang sama dengan halaman, yang lebih mudah digunakan.

Pilihan alternatif

Jika anda tidak ingin mengunduh dan menyimpan jQuery, anda juga dapat menggunakannya melalui CDN (Content Delivery Network).

Server Google dan Microsoft memiliki jQuery.

Untuk mengutip jQuery dari Google atau Microsoft, gunakan salah satu kode berikut:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Coba sendiri

Petunjuk:Dapatkan versi yang tersedia terbaru melalui Google CDN:

Jika anda mengamati URL Google - versi jQuery dijelaskan di URL (1.8.0). Jika anda ingin menggunakan versi terbaru jQuery, anda dapat menghapus satu angka dari string versi (seperti contoh 1.8), Google akan mengembalikan versi yang tersedia terbaru dari seri 1.8 (1.8.0, 1.8.1, dll), atau hanya meninggalkan angka pertama, lalu Google akan mengembalikan versi yang tersedia terbaru dari seri 1 (dari 1.1.0 hingga 1.9.9).

Microsoft CDN:

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

Coba sendiri

Petunjuk:Ada keunggulan yang sangat besar dalam menggunakan jQuery dari Google atau Microsoft:

Banyak pengguna yang telah memuat jQuery dari Google atau Microsoft saat mengakses situs lain. Akibatnya, saat mereka mengakses situs anda, jQuery akan dimuat dari cache, yang dapat mengurangi waktu pemuatan. Selain itu, sebagian besar CDN dapat memastikan bahwa saat pengguna meminta berkas, tanggapan akan dikembalikan dari server terdekat pengguna, yang juga dapat meningkatkan kecepatan pemuatan.