Adalah Javascript library yaitu kumpulan kode/fungsi javascript siap pakai, sehingga mempermudah dan mempercepat dalam membuat kode javascript.
Kemampuan jQuery diantranya :
1.Memeprmudah akses dan menipulasi elemen tertentu pada dokumen
2.Memudahkan modifikasi/perubahan tampilan pada halaman web
3.Mempersingkat Ajax (Asynchonous Javascript and XML)
4.Memiliki API (Application Programming Interface)
5.Mampu merespon interaksi antara user dengan halaman web dengan lebih cepat
6.Menyediakan fasilitas untuk membuat animasi sekelas Flash dengan mudah
Penggunaan JQuery :
Langkang penggunaan jQuery adalah :
1.Simpan file jQuery (misal : jQuery-1.8.min.js) pada folder kerja (misal : C:\xampp\htdocs\ujicoba).
2.Selanjutnya panggil library jQuery diantara tag <head> .. </head> seperti script berikut :
<html>
<head>
<script src=”jquery-1.8.0.min.js”></script>
</head>
<body>
</body>
</html>
Cara Kerja JQuery :
- jQUery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semuanya di halaman web, fungi yang digunakan adalah :
$(document).ready(
});
- Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class dan id yang telah didefinisikan dengan menggunakan fungsi selector :
Contoh script :
$(document).ready(
function(){
$(“.sembunyi”).click(function(){
$(“#foto”).hide(“slow”);
});
$(“.tampil”).click(function(){
$(“#foto”).show(“slow”);
});
});
- Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yg sudah dipilih. Misalnya, operasi klik dan hide, dimana apabila tobol di-klik, maka akan menyembunyikan elemen foto. Contoh scriptnya :
$(“.sembunyi”).click(function(){
$(“#foto”).hide(“slow”);
});