Jin Toples Programming

Program Sederhana Dengan JQuery - JQuery itu seperti library java script kecil bersumber terbuka yang membantu interkasi antara HTML dan JavaScript. JQuery mempunyai kelebihan yaitu "Write less do more" ( Kaya iklan rokok ya heheh ), JQuery memudahkan kita dengan fasilitas yang lengkap, dan juga ajax adalah salah satu fasilitas yang sudah tersedia di JQuery.

Baca juga : Event - event Dasar Pada JQuery

Sekarang kita lita cari tau bagaimana JQuery bisa mempermudah kita yaitu dengan mengenal fitur - fitur yang di tawarkan JQuery sebagai berikut :

Mempermudah akses dan memanipulasi ke bagian tertentu. JQuery menawarkan selector yang efisien untuk mengambil bagian tertentu pada dokumen yang selanjutnya di manipulasi

Mempermudah merubah tampilan website

Merespon interkasi user dengan website, atau JQuery sangat mendukung event - event yang kita gunakan dalam website

Memberikan animasi pada sebuah website senhingga tampil dinamis.

Mempermudah AJAX

Untuk menggunakan JQuery pertama - tama anda harus mendownloadnya dai websitenya yaitu : http://jquery.com/

Disana ada dua piihan yaitu production dan development, perbedaannya adalah production digunakan untuk realsite dan development itu untuk pengembangan

JQuery ditulis seperti javascript yaitu diantara tag <HEAD>. agar mempermudah anda letakan file JQuey yang sudah di dowload sebelumya dalam satu folder yang sama dengan projek yang anda sedang buat.

Sebagai contoh buatlah sebuah file danga nama index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("button").click(function(){
  $("p").hide();
  });
 });
</script>


</head>
<body>
<h2>
Ini Judul Jin</h2>
<p>Paragraf 1</p>
<p>Paragraf 2</p>
<br />
<button>Tekan Disini</button>
</body>
</html>

Coba jalankan dan lihat apa yang terjadi jika anda menekan tombol tekan disini. maka paragraf 1 & 2 akan hilang. magic bukan. ini karna JQuery menggunakan hide method untuk menyembunyikannya. nah sekarang tugas anda bagaimana caranya agar dia kembali muncul kembali. selamat mencoba.

Program Sederhana Dengan JQuery anda sekarang sudah selesai, Baca juga tutorial program jQuery lainnya.