berkenalan dengan jQuery

21 12 2008

logojquerySelama 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 Resiq (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)

div-ato-span

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) :

div-ato-span-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 : http://www.jquery.comhttp://www.visualjquery.comhttp://www.remysharp.com .

Demikian, semoga artikel sederhana ini bermanfaat🙂.

Best Regards,

Kemas Rahmat SW.


Actions

Information

6 responses

19 03 2009
labqim

pak, maaf… sy perhatikan judul blog bapak,nampaknya ada yang janggal

bagindokemas’s bukankah seharusnya ditulis bagindokemas’ saja tanpa tambahan ‘s’ di ujungnya karena huruf terakhir pada kata yang diterangkan (menjelaskan ‘kepunyaan’) adalah huruf ‘s’ juga ?

sekali lagi mhn maaf ya pak

cheers,
Iqbal.

20 03 2009
bagindokemas

hehehe menurutku sih udah tepat …

24 03 2009
odin's court

Okay….

Sorry sir, soale kebanyakan baca ginian:
http://catatanbahasainggris.blogspot.com/2009/02/possessive-nouns.html

Nice blog you have, keep it up !🙂
I really like the ‘Guru Fisika yang Inspirasional’ post…. very inspiring.

26 03 2009
bagindokemas

wah…setelah kubaca http://catatanbahasainggris.blogspot.com/2009/02/possessive-nouns.html , ternyata emang benar aku salah.

thanks for the link odin …

8 04 2009
odin's court

okay pak…

btw, we’re in the same institution😉

mari mampir pak: http://labqim.wordpress.com

Keep up the good work !

Iqbal
Dept TI
IT Telkom

30 06 2010
satria danil

mampir sob, tp masih bingung make jquery

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s




%d bloggers like this: