Cara Kerja jQuery - JQuery adalah javascript library, sedangkan javascript sendiri merupakan pemrograman web yang berjalan di sisi klien (browser), yang dapat membuat website lebih hidup (interaktif dan responsif). Jadi dengan jQuery kita bisa membuat banyak hal hanya dengan sedikit effort (usaha), seperti slogan jQuery ‘Write Less, Do More’.

Baiklah, setelah kita mengetahui apa itu jQuery saya akan menjelaskan bagaimana cara kerja dan pengaplikasiannya pada website.

Dalam penggunaannya, jQuery memiliki tiga langkah pokok yang selalu digunakan, yaitu:

1. Panggil/load pustaka (library) jQuery.
2. Buat object beserta elemennya, berupa id atau class di bagian body.
3. Buat script jQuery di bagian head untuk mengontrol objek berdasarkan elemennya.

Berikut gambaran 3 langkah pokok penggunaan jQuery:




Penjelasannya adalah:

1. JQuery akan memastikan bahwa semua elemen atau elemen yang diinginkan sudah ditampilkan semua di halaman web. Pada fungsi:

$(document).ready(function(){ //kode jQuery yang akan dijalankan }

2. Setelah semua elemen ditampilkan, tahap berikutnya adalah memilih elemen berdasarkan class atau id yang telah didefinisikan. JQuery menggunakan fungsi selector:

$(“.sembunyi”)

$(“#foto”)

$(“.tampil”)


3. Setelah elemen dipilih, tahap berikutnya adalah memberikan aksi/operasi terhadap elemen yang sudah dipilih. Misalnya operasi klik dan hide:

$(“.sembunyi”.click(function){

$(“#foto”).hide(“slow”);

});


Semoga bisa bermanfaat dan pemahaman tentang cara kerja dari jQuery.

Sumber:
http://www.bum1.info/2012/03/cara-kerja-jquery.html diakses hari Sabtu, 2 Maret 2013, 08:12 WIB.