JavaScript libraries: jQuery
In het Scriptorama Forum wees de razende reporter Michel ons op een nieuwe javascript library die hij er erg interessant vond.
Mocht je 't gemist hebben: jQuery is een JavaScript library die CSS 1-3 selectors en XPath paths combineert met vernuftige method chaining. Een $ functie vormt de basis (zit Prototype niet in de weg).
jQuery lijkt een beetje een combinatie te zijn van zowel Prototype, Behaviour en Scriptaculous. Voor degene die echt onder een steen geleefd hebben: Prototype is de populaire javascript library die o.a. met de $() notatie op de proppen kwam, Behaviour is een javascript library die je instaat stelt om CSS selector notatie te gebruiken om DOM elementen te benaderen en Scriptaculous is een library met allerlei visual effects. jQuery lijkt van alle 3 een klein beetje te nemen om zo tot een mooi compromis van functionaliteit te komen.
Michel gaf ook nog twee links waarop je meteen kunt zien hoe jQuery nu precies werkt: 15 days of jQuery geeft bijvoorbeeld het volgende voorbeeld om in een tabel rijen om en om te kleuren:
-
$(document).ready (
-
function() {
-
$('.stripeMe tr:even').addClass("alt");
-
}
-
);
De tweede link is visualjquery.com en dat is een visuele handleiding van jQuery.
De Mozilla Foundation is bezig met (delen van) Javascript 1.7 en 1.8 te implementeren en er is een specificatie voor Javascript 2. Ik vraag me af of we dergelijke notaties ooit native gaan terugvinden in browsers.
Michel, bedankt voor de tip(s)! ;-)
Volg Scriptorama via RSS!
on 
on 
on 
on 
on
Reageer ook!
Misschien goed om te benadrukken: jQuery's $(document).ready(function() { ... }) is een goeie oplossing voor het window.onload probleem. De gegeven functie wordt aangeroepen als het document klaar is voor gebruik. Er wordt dus niet gewacht tot alle afbeeldingen (en andere binaries) zijn gedownload, zoals bij window.onload. Zie http://jquery.com/docs/Tutorial/ en http://dean.edwards.name/weblog/2006/06/again/
Maar razend? Met 30+ graden in de schaduw? Kijk wel uit ;)
Door Michel
op 07.07.06 @ 11:18 am | Permalink
Prototype 1.5 (alleen via SVN) kent ook dit soort functionaliteit, met de $$() functie :)
Door Tri Pham
op 07.07.06 @ 2:13 pm | Permalink
Tri:
> Prototype 1.5 (alleen via SVN) kent ook dit
> soort functionaliteit, met de $$() functie
Men houdt elkaar goed in de smiezen in library-land ;)
Wil je overigens vergelijkbare functionaliteit dan zit je met Prototype + Scriptaculous al snel aan zo'n 80-100 KB. Toch vrij ruig in vergelijking met jQuery's 16 KB (gecomprimeerd).
Door Michel
op 07.07.06 @ 3:18 pm | Permalink
Klopt, maar prototype gecomprimeerd komt rond de 40kb uit (is standaard niet gecomprimeerd). De AJAX functionaliteit is veruit het belangrijkst voor mij die bij Prototype zit.
De visuele effecten gebruik ik zelden, alleen de auto-complete van scriptaculous weleens.
Door Tri Pham
op 07.07.06 @ 4:26 pm | Permalink
AJAX stopt jQuery in een plugin, vind ik nog niet zo'n gek idee: http://www.jquery.com/docs/ajax/ (2 KB).
Door Michel
op 07.07.06 @ 4:36 pm | Permalink
[...] John Resig en de rest van 't jQuery-team hebben een verse release voor ons JavaScript-gemak: jQuery 1.0.4. De nadruk ligt vooral op Ajax-functionaliteit. De nieuwe $.ajax()-uitbreidingen geven je o.a. rechtstreeks toegang tot 't gebruikte XMLHttpRequest object. Hierdoor kun je bijvoorbeeld headers inpluggen of requests afbreken. Daarnaast zijn event.pageX en event.pageY nu in alle browsers beschikbaar, ook in Internet Explorer. Nog niet bekend met jQuery? Eerder gaven we een korte inleiding. Voor prima voorbeelden kun je terecht op learningjquery.com. [...]
Door jQuery 1.0.4 | Scriptorama op 12.13.06 @ 3:32 pm | Permalink
Line and paragraph breaks automatic, e-mail address never displayed, HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>