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 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 memberi sedikit pencerahan dan pemahaman tentang cara kerja dari jQuery.

5 Prinsip Menggunakan JQuery UI