Diferentele dintre versiunile principale ale jQuery

La alegerea versiunii jQuery de inclus in site-ul web sau in aplicatia pe care o dezvoltam va trebui sa facem o analiza a publicului. Deci intrebarea principala va fi: cui se adreseaza site-ul sau aplicatia?

Este un site institutional la care va trebui sa aiba acces publicul larg? Daca da, atunci va trebui sa asiguram compatibilitatea si cu browserele cele mai vechi. Este un site web despre utimele tehnologii IT? Atunci este rezonabil sa ne gandim ca vizitatorii vor accesa site-ul de pe dispozitive cu o versiune de browser actuala.

Pe site-ul jQuery in sectiunea de compatibilitate browsere putem verifica compatibilitatea ultimei versiuni stabile cu browserele desktop si mobile.

Versiunea 1.0 este prima versiune stabila a jQuery. Aceasta versiune este compatibila cu browserele web cele mai vechi, chiar si cu cele ce nu mai au suport de la dezvoltatorii lor (cum este cazul Windows XP pentru care Microsoft nu mai asigura suport).

Acest release isi pastreaza compatibilitatea cu si cu browserele cele mai problematice: IE 6, 7 si 8. Pentru site-urile web care vor fi vizitate de foarte multi utilizatori este cea mai indicata versiune de folosit. Pe site-ul jQuery ni se recomanda sa utilizam versiunea jQuery 1.12 pentru compatibilitate cu vechile versiuni de browser cum sunt: Internet Explorer 6-8, Opera 12.1x sau Safari 5.1+.

Versiunea 2.0 a jQuery a renuntat la compatibilitatea cu Internet Exporer 6-8 pentru a spori performanta librariei si pentru a reduce dimensiunea fisierului. Asadar, versiunea 2 este mai rapida si mai mica in dimensiuni decat versiunea 1 dar nu functioneaza in versiunile de browser mai vechi.

Versiunea 3.0 asigura compatibilitatea cu versiuna actuala a broswer-ului si cu versiunea imediat precedenta pentru fiecare browser in parte. In afara de versiunea comprimata (production) si cea necomprimata (development) se mai poate folosi si versiunea slim, dar care exlude modulele ajax si efectele de animatie.

Mai multe detalii despre istoricul versiunilor jQuery si modificarile aduse.

Upgradarea librariilor cum este jQuery poate necesita multa munca, deoarece versiunea cea mai recenta a introdus modificari importante.

Utilizarea librariei Migrate a jQuery simplifica tranzitia deoarece restabileste functionalitatile care au fost eliminate si arata erorile in consola browserului (cu versiunea development a jQuery Migrate) cand sunt utilizate API vechi sau care au fost eliminate.

Mai multe detalii despre migrarea versiunii jQuery se pot gasi in proiectul GitHub.

CUPRINS MINI-CURS JQUERY

1. Introducere la jQuery, download / CDN si plasare in documentul HTML
2. Alias-ul, semantica instructiunilor si inserarea lor in documentul HTML
3. Instructiunea Document Ready in jQuery si specificarea selectorilor
4. Selectorii :even si :odd si functia .css
5. Proprietati multiple cu functia .css utilizand un obiect “literal”
6. Manipularea vizibilitatii cu .addClass si .removeClass
7. Evenimentele in jQuery, instructiunile .show / .hide sau .toogle
8. Cuvantul cheie “this” si schimbarea textului pentru declansatorul functiei .toogle in jQuery
9. Selectorul :hidden – aplicarea functiei .toogle asupra unui element initial ascuns
10. Adaugarea si plasarea elementelor in DOM cu ajutorul functiilor .insertAfter si .insertBefore
11. Adaugarea elementelor child in DOM cu ajutorul functiilor .prependTo si .appendTo