JavaScript  »  Articoli  »  JQuery 

Selettori CSS

Oltre al precedentemente citato nuovo motore Sizzle, la versione 1.3 di JQuery presenta un miglioramento riguardo al selettore not ora in grado di gestire anche selettori multipli e condizionali.

Per approfondire: http://docs.jquery.com/Selectors/not.

Attributi

Il metodo toggleClass ora presenta un nuovo parametro boolean per forzare il cambiamento di classe.

Eventi

Oltre alle modifiche analizzate precedentemente (live events e nuovo oggetto event) è stata introdotta una modifica nel comportamento della funzione trigger. Essa veniva invocata per forzare l'invocazione di un evento sugli elementi selezionati. Con la nuova versione, verranno scatenati anche gli eventi degli elementi gerarchicamente superiori.

Per approfondire: http://docs.jquery.com/Events/trigger.

L'intera gestione degli eventi è stata ulteriormente migliorata grazie anche alla rimozione dei listeners in fase di unload della pagina.

Effetti grafici

Oltre ad un notevole miglioramento delle funzioni show e hide (ben 2.5 volte più veloci rispetto alla precedente release) le animazioni sono state rese più fluide (agendo non solo su altezza/larghezza e opacità, ma anche su margini e padding) ed è stata introdotta una nuova proprietà (Jquery.fx.off) per interrompere tutte le animazioni in maniera atomica.

Anche in questo caso il rimando è alla documentazione.

Utilities

è stata introdotta la funzione Jquery.isArray per determinare se un particolare oggetto è o meno un array. Maggiori informazioni su questa pagina.

Altre novità

Il codice di JQuery è ora minimizzato con l'ormai difusissimo YUI Compressor.

La documentazione online delle API è stata totalmente riscritta utilizzando la nuova versione. Essa introduce alcune novità tra le quali la possibilità di salvare alcune pagine per una consultazione successiva più rapida, la colorazione dei codici di esempio e la possibilità di eseguire gli esempi in diretta. Inoltre è disponibile il download dell'applicazione per la piattaforma Air di Adobe. La guida è visionabile a questo indirizzo: http://api.jquery.com/.

Aggiorniamo le nostre applicazioni

La versione 1.3 di JQuery è gia disponibile per il download sia in versione minimizzata, sia debuggabile. Il framework è inoltre disponibile sui server di Google APIS a questo indirizzo:

La nuova release non è completamente retrocompatibile con le versioni precedenti. Questo può sembrare un fattore negativo ma invece rappresenta la volontà degli sviluppatori di effettivamente introdurre cambiamenti importanti e non solo un aggiornamento della versione 1.2 di JQuery. I principali cambiamenti che possono intervenire negativamente con script e plugin realizzati sulla versione precedente sono relativamente pochi e banali.

Innanzitutto il selettore degli attributi non utilizza più il carattere speciale @; $(“a[@href=pagina.html]”) deve essere sostituito con $(“a[href=pagina.html]).

La scatenazione di eventi ora viene propagata anche agli elementi della pagina gerarchicamente superiori al chiamante come è stato anticipato prima riguardo la funzione trigger.

La funzione ready non assicura che al momento della sua invocazione siano stati caricati tutti i fogli di stile.

In caso di selezioni multiple di elementi (tramite l'utilizzo della virgola) gli elementi vengono ritornati in ordine in base alla struttura del documento nei browser che supportano la funzione querySelectorAll (Safari, Firefox 3.1, IE 8) mentre nelle versioni precedenti l'ordine sarà dettato dal selettore. Questo verrà però risolto con la versione 1.3.1 di JQuery.

Il metodo privato jQuery.event.trigger non ritorna più un riferimento all'evento, ma un boolean come definito dall specifiche W3C.

Conclusioni

In questi tre anni di vita, JQuery ha saputo dimostrare un elevata maturità ed un'ottima capacità di adattarsi alle reali esigenze degli sviluppatori web. Grazie a questo è diventato senza ombra di dubbio il framework JavaScript più utilizzato nel web soprattutto grazie alla sua leggerezza, usabilità e estendibilità che ha favorito la nascita di numerosi plugin.

La versione 1.3, nonostante possa sembrare una minor release, presenta numerosi upgrade sia di facciata ma soprattutto internamente, in quelle componenti che permettono ad un framework di distinguersi dagli altri. 

L'introduzione di Sizzle e della “feature detection” garantisce da un lato un incremento delle performance e dall'altro una sempre maggiore compatibilità cross-browser.

Il suggerimento è quello di aggiornare il prima possibile i vostri siti con questa nuova release facendo però attenzione alle poche differenze tra le due versioni e, come specificato anche sul sito ufficiale del progetto, di realizzare siti web sempre in standard mode abbandonando per sempre la quirks mode perchè potrebbe presentare alcuni problemi.

Buon JQuery!

Altri articoli

Altre guide

Altre newsletter