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.
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