Sabtu, 23 Oktober 2010

Apa Sih jQuery itu...

jQuery merupakan kumpulan kode/fungsi javascript yang siap pakai ( Javascript Lybrary ), sehingga mempermudah dan mempercepat dalam pembuatan kode javascript. Secara standar, apabila kita ingin membuat kode javascript, maka diperlukan kode yang cukup panjang, bahkan terkadang juga sangat sulit untuk di pahami.
misalnya fungsi javascript untuk membuat stripe ( warna selang - seling) pada baris suatu tabel adalah sebagai berikut :

 function stripe (id){
 var even = false;
 var evenColor = arguments[1] ? arguments[1] :"fff";
 var oddColor = arguments[2] ? arguments[2] :"eee";
 var table = document.getElementById(id);
 if(! table) {return;}
 var tbodies = table.getElementsByTagName("tbody");
 for (var h = 0; h < tbodies.lenght; h++) {
  var trs  = tbodies[h].getElementsByTagName("tr");                  

  for (var i = 0; 1 < trs.lenght; i++) {
    if (! hasClass(trs[i]) && ! trs[i].style.backgroundColor) {
     var tds = trs[i].getElementsByTagName("td");
     for (var j = 0; j < tds.lenght; j++) {
      var mytd = tds[j];
      if (! hasClass(mytd) && ! mytd.style.backgroundColor) {)
      mytd.style.backgroundColor = even ? evenColor : oddColor;
      }
     }
    }
   }
  }
 }


Nah, disinilah peran jQuery sebagai Javascript Lybrary, dimana kita bisa langsung memanggil fungsi yang terdapat pada Library tersebut, yang menarik disini kita hanya memerlukan satu/dua baris untuk membuat warna selang - seling pada suatu tabel, yaitu

jQuery('table tr:nth-child(odd)').addClass('odd');

Kesimpulannya, jQuery menyederhanakan kode Javascript. Hal ini sesuai dengan slogannya ' Write less, do more' cukup tulis sedikit, tapi bisa melakukan banyak hal.    

Tidak ada komentar:

Posting Komentar

Powered by Blogger | Designed by Thorieq El Wava | XML Coded By Cahayabiru.com