Pengenalan JQuery Bag 1


JQuery adalah library javascript yang berukuran kecil, open source yang menekankan pada interaksi antara JavaScript dan HTML. Didalam JQuery terdapat library fungsi yang dapat digunakan untuk pengembangan AJAX. Library JQuery ini dirilis pada Januari 2006 di BarCamp NYC oleh John Resig dan berlisensi ganda di bawah Lisensi MIT dan GPL.

JQuery itu :

  • Merupakan library JavaScript
  • Mudah dipelajari.
  • Mudah ditambahkan hanya dengan 1 baris kode dihalaman web.

>>> FEATURE JQUERY

JQuery memiliki feature-feature dibawah ini :

  • Select elemen HTML
  • Manipulasi elemen HTML
  • Manipulasi CSS
  • HTML event functions
  • Animasi dan Effect JavaScript
  • Modifikasi dan traversal HTML DOM
  • AJAX
  • Utilities2 lainnya

>>> DOWNLOAD

Untuk download JQuery, dapat melalui http://docs.jquery.com/Downloading_jQuery. Versi terakhir pada saat tulisan ini dibuat adalah 1.4.2. Pada saat kita mendownload JQuery sebaiknya rubah namanya menjadi “jquery.js”. Kemudian tempatkan jquery.js dibawah root aplikasi. Misalnya kita memiliki folder “jq” di root, maka tempatkan di direktori C:\xampp\htdocs\jq.

>>> MENAMBAHKAN JQUERY

Untuk menambahkan JQuery kedalam webpage sangatlah mudah, tambahkan baris berikut :
<head>
<script type=”text/javascript” src=”jquery.js”></script>
</head>

>>> CONTOH JQUERY

Dibawah ini contoh webpage html menggunakan JQuery, save script dalam format *.html kemudian tempatkan dibawah root aplikasi misalnya pada direktori C:\xampp\htdocs\jq. Contoh dibawah ini akan mendemonstrasikan fungsi hide().

<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 $("p").click(function(){
 $(this).hide();
 });
});
</script>
</head>
<body>
<p>If you click on me, I will disappear.</p>
<p>Click me away!</p>
<p>Click me too!</p>
</body>
</html>

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s