Introduction of JQuery


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
Advertisements

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