Pengenalan jQuery

Pustaka jQuery boleh ditambahkan ke halaman web dengan satu markah yang mudah.

Ciri-ciri Pustaka jQuery

jQuery adalah pustaka fungsi JavaScript.

Pustaka jQuery mengandungi ciri-ciri berikut:

  • Pemilihan elemen HTML
  • Operasi elemen HTML
  • Operasi CSS
  • Fungsi acara HTML
  • Efek dan animasi JavaScript
  • Pemilikan dan pengubahsuaian DOM HTML
  • AJAX
  • Utiliti

Tambah pustaka jQuery ke halaman anda

Pustaka jQuery terletak di dalam fail JavaScript yang mengandungi semua fungsi jQuery.

jQuery dapat ditambahkan ke halaman web melalui tanda berikut:

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

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

Contoh jQuery Dasar

Contoh di bawah ini memperlihatkan fungsi hide() jQuery, yang menghilangkan semua elemen <p> 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 tajuk</h2>
<p>Ini adalah paragraf.</p>
<p>Ini adalah paragraf lain.</p>
<button type="button">Klik saya</button>
</body>
</html>

Coba sendiri

Muat turun jQuery

Ada dua versi jQuery yang boleh didownload: satu versi yang disingkat, dan satu versi yang belum disingkat (untuk pengembangan atau pembacaan).

Kedua versi ini boleh didownload jQuery.com Muat turun.

Gantian Pustaka

Google dan Microsoft menawarkan dukungan yang bagus untuk jQuery.

Jika anda tidak mau menyimpan pustaka jQuery di komputer anda sendiri, anda boleh memuat CDN jQuery core file 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>