Ecco alcune delle maggiori novità presenti nella versione 1.1:
I selettori sono più veloci, da 10 a 20 volte rispetto alla versione 1.0.4;
La documentazione è stata interamente riorganizzata;
La complessità dell’API (l’interfaccia di programmazione) è stata ridotta del 47%;
moltissimi bug sono stati corretti;
sono state introdotte parecchie nuove funzionalità;
... e tutto ciò in un file che non arriva a 19 kb
Cambiamenti dell’API
Sono stati apportati notevoli cambiamenti all’API. Per questo motivo è probabile che uno script scritto per jQuery 1.0.4 non funzioni più correttamente con jQuery 1.1.
nth-child()
Un bug importante è stato corretto: secondo le specifiche CSS 3, il selettore :nth-child() deve contare gli elementi a partire da 1, e non da 0 come erroneamente avveniva in jQuery 1.0.x. La correzione di questo bug potrebbe creare errori nei vostri script.
Il seguente codice
// 1.0.x: Legge la prima colonna di una tabella
$("td:nth-child(0)")dovrà quindi essere scritto in questo modo:
// 1.1: Legge la prima colonna di una tabella
$("td:nth-child(1)").filter(matrice)
Altro cambiamento: il vecchio selettore .filter([".foo", ".bar"]) (che selezionava tutti gli elementi aventi la classe .foo O .bar) ora si scrive in maniera molto più semplice, separando i vari possibili valori con una virgola: .filter(".foo, .bar") ; la vecchia sintassi è stata eliminata.
Alcuni metodi sono stati ritirati
I metodi che seguono sono stati rinominati/riorganizzati; ecco come poter continuare ad utilizzarli:
| Vecchio (1.0.x) | Nuovo (1.1) |
|---|---|
.ancestors() |
.parents() |
.top() |
.css("top") |
.left() |
.css("left") |
.position() |
.css("position") |
.float() |
.css("float") |
.overflow() |
.css("overflow") |
.color() |
.css("color") |
.background() |
.css("background") |
.id() |
.attr("id") |
.title() |
.attr("title") |
.name() |
.attr("name") |
.href() |
.attr("href") |
.src() |
.attr("src") |
.rel() |
.attr("rel") |
.oneblur(fn) |
.one("blur",fn) |
.onefocus(fn) |
.one("focus",fn) |
.oneload(fn) |
.one("load",fn) |
.oneresize(fn) |
.one("resize",fn) |
.onescroll(fn) |
.one("scroll",fn) |
.oneunload(fn) |
.one("unload",fn) |
.oneclick(fn) |
.one("click",fn) |
.onedblclick(fn) |
.one("dblclick",fn) |
.onemousedown(fn) |
.one("mousedown",fn) |
.onemouseup(fn) |
.one("mouseup",fn) |
.onemousemove(fn) |
.one("mousemove",fn) |
.onemouseover(fn) |
.one("mouseover",fn) |
.onemouseout(fn) |
.one("mouseout",fn) |
.onechange(fn) |
.one("change",fn) |
.onereset(fn) |
.one("reset",fn) |
.oneselect(fn) |
.one("select",fn) |
.onesubmit(fn) |
.one("submit",fn) |
.onekeydown(fn) |
.one("keydown",fn) |
.onekeypress(fn) |
.one("keypress",fn) |
.onekeyup(fn) |
.one("keyup",fn) |
.oneerror(fn) |
.one("error",fn) |
.unblur(fn) |
.unbind("blur",fn) |
.unfocus(fn) |
.unbind("focus",fn) |
.unload(fn) |
.unbind("load",fn) |
.unresize(fn) |
.unbind("resize",fn) |
.unscroll(fn) |
.unbind("scroll",fn) |
.ununload(fn) |
.unbind("unload",fn) |
.unclick(fn) |
.unbind("click",fn) |
.undblclick(fn) |
.unbind("dblclick",fn) |
.unmousedown(fn) |
.unbind("mousedown",fn) |
.unmouseup(fn) |
.unbind("mouseup",fn) |
.unmousemove(fn) |
.unbind("mousemove",fn) |
.unmouseover(fn) |
.unbind("mouseover",fn) |
.unmouseout(fn) |
.unbind("mouseout",fn) |
.unchange(fn) |
.unbind("change",fn) |
.unreset(fn) |
.unbind("reset",fn) |
.unselect(fn) |
.unbind("select",fn) |
.unsubmit(fn) |
.unbind("submit",fn) |
.unkeydown(fn) |
.unbind("keydown",fn) |
.unkeypress(fn) |
.unbind("keypress",fn) |
.unkeyup(fn) |
.unbind("keyup",fn) |
.unerror(fn) |
.unbind("error",fn) |
Per fortuna, le funzioni eliminate figurano tra quelle più raramente utilizzate!
Da notare, contrariamente a quello che era stato annunciato inizialmente, le funzioni .width() e .height() non sono state eliminate.
Per ricercare queste funzioni all’interno dei vostri script, ecco l’espressione regolare che vi consentirà trovarle tutte:
ad esempio si può utilizzare nel seguente modo in linea di comando:
grep -E "espressione-regolare" `find . -name '*.js'`Il plugin compat
Per poter avvalersi dei miglioramenti di jQuery senza dover aggiornare tutti i vostri script (almeno in un primo tempo), potete aggiungere, subito dopo jquery.js e prima dei vostri script, il plugin di compatibilità 1.0 jquery-compat-1.0.js, che definisce le funzioni non più esistenti, e ripristina il vecchio comportamento di :nth-child(), incrementando di un’unità il valore passato.
Noi consigliamo in ogni caso di aggiornare rapidamente i vostri script a jQuery 1.1; non è poi così difficile, e ne vale la pena!
Ecco come utilizzare il plugin compat :
<html>
<head>
<script src="jquery-1.1.js"></script>
<script src="jquery.compat-1.0.js"></script>
<script>
$(document).ready(function(){
// Il vostro vecchio codice basato su jQuery 1.0.x
var id = $("div:nth-child(0)").id();
});
</script>
</head>
<body></body>
</html>Se avete delle domande, non esitate ad scrivere adoperando il modulo in basso.
RSS 2.0
Mappa del sito
Area riservata