Ringkasan jQuery

Pustaka jQuery dapat ditambahkan ke halaman web dengan tanda markas sederhana.

Pustaka jQuery - Fitur

jQuery adalah pustaka fungsi JavaScript.

Pustaka jQuery termasuk fitur berikut:

  • Pemilihan elemen HTML
  • Operasi elemen HTML
  • Operasi CSS
  • Fungsi acara HTML
  • Efek dan animasi JavaScript
  • Penyusunan dan modifikasi HTML DOM
  • AJAX
  • Utilitas

Tambahkan pustaka jQuery ke halaman Anda

Pustaka jQuery berada dalam berkas JavaScript yang mengandung semua fungsi jQuery.

jQuery dapat ditambahkan ke halaman melalui tanda berikut:

<head>
<script type="text/javascript" src="jquery.js"></script>
</head>

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

Contoh jQuery Dasar

Contoh di bawah ini menunjukkan fungsi hide() jQuery, yang menghilangkan semua elemen <p> di dalam dokumen HTML.

Contoh

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$("document").ready(function(){
$("button").click(function(){
$("p").hide();
});
});
</script>
</head>
<body>
<h2>Ini adalah judul</h2>
<p>Ini adalah paragraf.</p>
<p>Ini adalah paragraf lain.</p>
<button type="button">Klik saya</button>
</body>
</html>

Coba sendiri

Unduh jQuery

Ada dua versi jQuery yang tersedia untuk diunduh: satu yang disingkat, dan satu yang belum disingkat (untuk debugging atau bacaan).

Kedua versi ini dapat diunduh dari jQuery.com Unduh.

Gantian Pustaka

Google dan Microsoft mendukung jQuery dengan baik.

Jika Anda tidak mau menyimpan pustaka jQuery di komputer Anda sendiri, Anda dapat mengunduh file inti CDN jQuery dari Google atau Microsoft.

Gunakan CDN Google

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs
/jquery/1.4.0/jquery.min.js"></script>
</head>

Gunakan CDN Microsoft

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>