jQuery merupakan sebuah framework dan cara baru dalam menuliskan kode javascript. jQuery akan mempercepat dan meringkaskan library javascript sehingga dengan menggunakan jQuery kita dapat mempercepat perpindahan dokumen HTML, penanganan event (event handling), pembuatan animasi didalam web sehingga web kita tampak seperti flash, dan juga interaksi AJAX untuk pengembangan web yang modern dan cepat.
Apa itu jQuery?
jQuery adalah sebuah perpustakaan dari Fungsi Fungsi JavaScript. jQuery adalah sebuah perpustakaan JavaScript berbeban ringan “sedikit menulis, banyak kerja”.
Perpustakaan jQuery memuat feature-feature berikut:
- seleksi elemen HTML
- manipulasi elemen HTML
- manipulasi CSS
- fungsi-fungsi event HTML
- animasi dan JavaScript Effects
- modifikasi dan HTML DOM traversal
- AJAX
- Utilities
Menambahkan Perpustakaan jQuery ke Halaman Halaman Anda
Perpustakaan jQuery disetor sebuah file library is stored sebuah JavaScript tunggal, memuat semua fungsi jQuery.
Perpustakaan dapat ditambahkan ke sebuah halaman web dengan mark-up berikut:
| <head> <script type=”text/javascript” src=”jquery.js”></script> </head> |
Silahkan mencatat bahwa tag <script> harus berada di dalam bagian <head> halaman.
Contoh jQuery Dasar
Contoh berikut mendemonstrasikan fungsi jQuery hide(), menyembunyikan semua elemen
dalam sebuah 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>This is a heading</h2>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>Click me</button>
</body>
</html>
Mengunduh jQuery
Dua versi dari jQuery tersedia untuk mengunduh: satu minified dan satu uncompressed (untuk debugging atau membaca).
Kedua versi itu dapat diunduh dari jQuery.com.
Demo
Leave a Reply