Belajar jQuery

jQuery adalah javascript library yang cepat dan ringan untuk menangani dokumen HTML, event, animasi dan interaksi ajax, jQuery dibuat untuk mempersingkat kode-kode javascript. 

Sebelum memulai belajar jQuery, anda harus mempunyai pengetahuan dasar mengenai HTML, CSS dan javascript.

Kemampuan library jQuery diantaranya :

• ·         Mengakses elemen-elemen HTML

• ·         Memanipulasi elemen HTML

• ·         Memanipulasi CSS

• ·         Penanganan event HTML

• ·         Efek-efek javascript dan animasi

• ·         Modifikasi HTML DOM

• ·         AJAX

• ·         Menyederhanakan kode javascript lainnya

Untuk memulai jQuery, anda harus mendownload jquery.js dari situs http://www.jquery.com.

Library jQuery harus di masukan kedalam kode javascript anda seperti berikut :

Mari kita membuat contoh sederhana menggunakan jqueey sebagai berikut :

Text editor yang saya gunakan adalah aptana studio 2.0

Hello world jquery

clik untuk original size

Maka hasil keluaran pada browser :

clik untuk original size

  

Sintaks jQuery 

Sintaks jquery biasanya dibuat untuk memilih elemen-elemen HTML dan melakukan aksi terhadap

elemen yang dipilih.

$(selector.action()

• ·         Tanda dollar, untuk mendefinisikan jQuery

• ·         (selector), untuk menunjukan elemen yang dipilih

• ·         Action(), jQuery action yang akan dilakukan terhadap elemen yang dipilih

hampir segala sesuatu yang kita lakukan bila menggunakan jQuery membaca atau

memanipulasi document object model (DOM), kita perlu memastikan bahwa kita mulai

menambahkan event segera setelah DOM siap.

Untuk melakukan hal ini, kita menambahkan kode ready event untuk dokumen.

$("document").ready(function() {

            //Kode anda disini

        });