Werken met jQuery: algemeen ( deel 1 )
De afgelopen tijd werk ik veel met jQuery. Naar mijn mening een goede en uitgebreide JavaScript library, vandaar dat het ook vrij groot is (~90kb minified).
Het lijkt op een apart taaltje bovenop JavaScript en, gezien de naam, was dat blijkbaar ook de bedoeling van de auteur. Dit wordt ook wel eens als nadeel genoemd, omdat de interface wat vervreemd is van de échte JavaScript.
DOM elementen
In jQuery staan de DOM elementen centraal. Alles wordt gedaan vanuit een selectie van één of meerdere DOM elementen. Het is een interessante benadering, waaraan je moet wennen. Maar naarmate je er meer mee werkt, ontdek je hoe handig deze methode is.
Chainable
De methoden van jQuery zijn bijna allemaal chainable. Een voorbeeld van jQuery code:
// add a class to the element with id 'wrapper'
jQuery( '#wrapper' ).addClass( 'column' ); // could use $ to call jQuery function
// more advanced example, one chain:
$( '#content', '#wrapper' )
.find( 'a' )
.click(function(){
alert( 'You clicked on a link' );
})
.end()
.find( 'code' )
.css({ 'font-style': 'italic' })
.addClass( 'code-block' )
.end()
.css({ 'background-color': '#eee' });
jQuery UI
jQuery heeft ook een mooi UI framework, de jQuery UI. Hiermee kun je snel een interessante RIA site opzetten. Helaas wordt IE niet volledig ondersteund. Met name de visuele aspecten als ronde hoeken e.d. werken niet in IE. Erg jammer aangezien het nog steeds de meest gebruikte browser is (zie statistieken).
Interessante jQuery links
In het volgend artikel worden enkele tips gegeven voor het werken met jQuery.
Gerelateerde artikelen:
Nog geen reacties
