Kemas Rahmat S.W

Selama lebih kurang 15 hari absen dari ngeblog, aq mencoba untuk mendalami salah satu library baru dari Java Script yaitu jQuery.

Apa itu jQuery ? Jawaban paling shahih tentu  saja bisa didapatkan dengan menghubungi John Resig (pencipta jQuery). Tapi, aq punya pendapat sederhana tentang apa itu jQuery. Well, kita sering menggunakan javascript untuk mempercantik dan memperkaya HTML kita. Nah, jQuery ini adalah library Java Script yang memiliki kekuatan sama seperti Java Script, tapi lebih mudah dimengerti dan lebih ringkas.

Berikut contoh jQuery yang simpel (aq ambil dari jQuery in Action karangan Bear Bibeault & Yehuda Katz) :

Misal, kita ingin mencari mana elemen <div> dari elemen-elemen yang ada di HTML kita (lihat gambar 1)

gambar 1

maka kita bisa menambahkan script seperti ini :

<script type=”application/javascript” src=”jquery-1.2.3.pack.js”></script>
<script type=”application/javascript”>
$(document).ready(function(){
$(”div”).css(”background-color”,”#00FF00″);
});
</script>

baris kunci dari script jQuery ini adalah : $(”div”).css(”background-color”,”#00FF00″); jQuery memparsing DOM tree dan menemukan elemen div. Bila elemen div ditemukan, maka akan diubah warna elemen tersebut dari berwarna kuning menjadi hijau (lihat gambar 2) :

gambar 2

source code lengkap tentang bagaimana mencari elemen div dari banyak elemen di HTML bisa didownload di sini. Dan sumber-sumber terkait jQuery adalah sbb : www.jquery.com ;  www.visualjquery.com ;  www.remysharp.com .

Demikian, semoga artikel sederhana ini bermanfaat .

Best Regards,

Kemas Rahmat SW.

Java Script Tutorial, jQuery Tutorial