jQuery : paeiliui rodomi elementai

jQuery, mano asmenine nuomone, pati papraščiausia, lengviausiai išmokstama ir tiesiog geriausia kliento pusės (client-side) javascript’o biblioteka (library). Be abejo yra ir MooTools taip pat gera biblioteka, su kura galima nuveikti bent jau tiek pat, bet šį kartą apie jQuery.

JQuery yra kryžminio naršyklės (cross-browser) “JavaScript” biblioteka, parengta siekiant supaprastinti kliento pusėje esančius skriptus skirtus HTML koregavimui.

Šiandiena trumpas filmukas (anglų k.),  apie paeiliui rodomus elementus.

Pavyzdys (demo) : jQuery demo

Kodas:

// funkcija
(function() {
// Paslepiame visus li elementus
var lis = $('li').hide();
// kai paspaudziame nuoroda a atliekame funkcija
$('a').click(function() {
var i = 0;
// Kiekviena elementa fade in (parodyti) kas 200 mili sekundžių
// kai baigiama, iškviesti funkciją displayImages.
(function displayImages() {
lis.eq(i++).fadeIn(200, displayImages);
})();
});
})();

Kaip matote jQuery skripto kodas gan trumpas ir aiškus, kiekvienam bet šiektiek mačiusiam kodo. Na o kas neturi patirties, patartume pradėti nuo HTML, CSS ir Javascript.

Parengta pagal : net.tutsplus.com