Home » Jquery » Memulai Penggunaan JQuery Dengan Kodenya

Memulai Penggunaan JQuery Dengan Kodenya

by Hanifah Nurbaeti
by Hanifah Nurbaeti

Section Artikel

Menambahkan jQuery ke Halaman Web

Ada beberapa cara untuk mulai menggunakan jQuery. Kita harus:

  • Unduh perpustakaan jQuery dari jQuery.com
  • Sertakan jQuery dari CDN, seperti Google

Mendownload jQuery

Ada dua versi jQuery yang tersedia untuk diunduh:

  • Versi produksi – ini untuk situs web langsung Anda karena telah diperkecil dan dikompresi
  • Versi pengembangan – ini untuk pengujian dan pengembangan (kode tidak terkompresi dan dapat dibaca)

Kedua versi tersebut dapat diunduh dari jQuery.com.

Pustaka jQuery adalah satu file JavaScript, dan Anda mereferensikannya dengan tag <HTML> (perhatikan tag <script> harus ada di bagian dalam tag <head>)

Tip: Tempatkan file yang diunduh di direktori yang sama dengan halaman tempat kita ingin menggunakannya.

jQuery CDN

Jika kita tidak ingin mengunduh dan menghosting jQuery sendiri, ktia bisa memasukkannya dari CDN (Content Delivery Network).

Google adalah contoh yang menghosting jQuery:

Google CDN:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("p").hide();
  });
});
</script>
</head>
<body>

<h2>Ini heading</h2>

<p>Ini paragraph.</p>
<p>Ini paragraph lain.</p>

<button>Klike</button>

</body>
</html>

Satu keuntungan besar menggunakan jQuery yang dihosting dari Google:

Banyak pengguna telah mengunduh jQuery dari Google saat mengunjungi situs lain. Hasilnya, ini akan dimuat dari cache saat mereka mengunjungi situs kita, yang mengarah pada waktu pemuatan yang lebih cepat. Selain itu, sebagian besar CDN akan memastikan bahwa setelah pengguna meminta file darinya, itu akan disajikan dari server terdekat, yang juga mengarah pada waktu pemuatan yang lebih cepat.

You may also like