Friday, March 16, 2012

Tutorial Dasar JQuery

JQuery merupakan hal yang wajib diketahui oleh programer karena semua hal yang berkaitan dengan website tidak lepas dari JQuery


Sintaks jQuery

Sintaks jquery biasanya dibuat untuk memilih elemen-elemen HTML dan melakukan aksi terhadap elemen yang dipilih.
Sintaks : $(selector).action()

Tanda dollar
untuk mendefinisikan jQuery (selector), untuk menunjukkan elemen yang dipilih atau dituju. 

action(), adalah jQuery action yang akan dilakukan terhadap elemen yang dipilih.

jQuery Selector
Selectors memungkinkan Anda untuk memanipulasi elemen HTML sebagai kelompok atau sebagai
elemen tunggal. Ada beberapa jQuery selector yang sering digunakan.

    Selector ID.
    contoh: $(”#nama”), setara dengan document.getElementById(’nama’), untuk memilih element html dengan id=”nama”.
    Selector Class.
    contoh: $(”.red”), pengganti document.getElementsByClassName(’red’), untuk memilih semua element dengan class=”red”.
    Selector Element.
    contoh: $(”div”), setara dengan document.getElementsByTagName(’div’), untuk memilih semua element div.

Karena 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. Yang paling penting jangan lupa untuk memasukan file jquery.js kedalam kode javascript anda. <script type=”text/javascript” src=”jquery.js”></script>

Sekian semoga hal ini menjadi pengigat.

Salam sukses