fenomeno.it

Tra le numerose librerie Javascript nate con l'avvento di AJAX, jQuery merita decisamente una menzione particolare.
Storia di jQuery
il 14 Gennaio 2006 jQuery viene annunciato al BarCampNYC da quel momento iniziano a comparire i primi plugins e il 26 Agosto 2006 vede la luce la versione 1.0. La successiva versione 1.1 è del 14 Gennaio 2007, la 1.2 del 10 settembre 2007 e la nascita di jQuery UI, la libreria di interfaccia utente presentata il 17 settembre 2007.

Cos'è jQuery
fondamentalmente jQuery è una libreria di funzioni javascript che danno la possibilità di manipolare velocemente i vari elementi di una pagina html, dalle classi di un paragrafo ai moduli di una form. La struttura della libreria fornisce le funzioni di base, i plugins ne estendono le funzionalità creando strutture già pronte per ottenere le cose più impensate. Il motto "Write less do more" è indicativo di cosa sia effttivamente jQuery, ovvero uno strumento per semplificare e velocizzare alcune operazioni.

I plugins
punto di forza della libreria jQuery sono i plugins, moduli che possono gestire dai semplici effetti sulle finistre fino alle chiamate Ajax. La sezione Plugins del sito jquery è una risorsa meravigliosa, vi si possono trovare circa 200 esempi liberamente scaricabili e utilizzabili a piacimento. Il passo successivo è iniziare a scriverne uno da soli, nei prossimi post vedremo come.

Perchè scegliere jQuery
la scelta di una libreria, così come di un framework o di un semplice editor è sempre molto soggettiva, ma analizzando i vantaggi di jQuery credo che in molti valuteranno l'opportunità di utilizzarla. Le funzioni sono piuttosto intuitive, permettono con poche righe di ottenere risultati che con altre tecnologie risulterebbero complesse ed inoltre le prestazioni e la compatibilità con i più diffusi browser risultano ottimi.

Alcuni esempi
dopo aver inserito la libreria nel tag head della vostra pagina potete gestire ad esempio un evento al load della pagina, in questo caso un alert del messaggio Viva jQuery
Nella sezione HEAD della pagina metteremo

 
<script src="path/to/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
alert("Viva jQuery!");
});
</script>

oppure lo stesso alert al click su un link

 
<script type="text/javascript">
//sempre nella parte head
$("a").click(function(){
   alert("Viva jQuery!");
   return false;
 });
</script>

e nel body il nostro link

 
<a href="http://jquery.com/">jQuery</a>

ovviamente questo è il più semplice e basico degli esempi, nei prossimi post vedremo come qualcosina di più complesso.

Happy jQuery.