Kaj je jQuery? Definicija, zgodovina in uporaba
jQuery je knjižnica JavaScript, ki je bila ustvarjena za lažje in enostavnejše pisanje JavaScript in HTML. Deluje v večini spletnih brskalnikov, izumil pa jo je John Resig. Prvič je bila izdana januarja 2006 na BarCampu v New Yorku. Danes se z jQueryjem ukvarja skupina razvijalcev, ki jo vodi Dave Methvin.
Danes več kot 55 % od 10.000 najbolj obiskanih spletnih mest uporablja jQuery, zato je najbolj priljubljena knjižnica JavaScript, ki se danes uporablja. Je brezplačna in odprtokodna programska oprema z licenco MIT.
Sintaksa programa jQuery je zasnovana tako, da olajša pisanje zapletenih besedil JavaScript. Nekatere stvari, ki jih je z jQueryjem lažje narediti, so:
- krmarjenje (premikanje) po spletni strani.
- izbrati (izbrati) elemente na spletni strani z uporabo objektnega modela dokumenta.
- ustvarjanje animacij
- obravnavati dogodke, kot so dejanja uporabnika.
- ustvarjanje aplikacij Ajax.
Razvijalcem omogoča tudi izdelavo lastnih vtičnikov jQuery.
Podjetja, kot sta Microsoft in Nokia, so sporočila, da bodo jQuery vključila v svoje mobilne platforme. Poleg tega Microsoft vključuje jQuery v svojo programsko opremo Visual Studio za uporabo z ogrodjem ASP.NET AJAX in ogrodjem ASP.NET MVC. Nokia ga je vključila v svojo platformo za razvoj gradnikov Web Run-Time. jQuery se od različice 1.16 uporablja tudi v MediaWiki.
Zgodovina in razvoj
jQuery je nastal kot odgovor na takratne težave s kompatibilnostjo med različnimi brskalniki in dolgočasno pisanje večkratne kode za manipulacijo DOM. John Resig je predstavil prvo izdajo januarja 2006, hitro pa so se mu pridružili drugi razvijalci. Projekt so vodili prostovoljci in kasneje oblikovana ekipa, ki vzdržuje jedro, dokumentacijo in vtičnike. Glavne različice jQuery so uvedle pomembne spremembe, npr. izboljšave performans, modularnost in boljše upravljanje z dogodki; kasnejše različice so se osredotočile tudi na manjšo velikost in boljšo interoperabilnost z modernimi brskalniki.
Ključne lastnosti
- Enostavno izbiranje elementov: jQuery uporablja selectorje, podobne CSS, za hitro izbiro in manipulacijo DOM elementov.
- Manipulacija DOM: dodajanje, odstranjevanje in spreminjanje elementov in njihove vsebine.
- Upravljanje dogodkov: poenostavljeno vezanje in odstranitev obravnav dogodkov (klik, submit, hover ...).
- Animacije in učinki: vgrajene funkcije za osnovne animacije (fade, slide, custom animacije).
- AJAX: poenostavljeno pošiljanje asinhronih zahtev in obdelava odgovorov.
- Vtičniki: velika ekosfera dodatkov in razširitev, vključno z uradnim jQuery UI za vmesniške komponente.
Osnovna sintaksa in primeri
Osnovni način uporabe jQuery je vstopna funkcija $(), ki izbere elemente. Pogost vzorec je čakanje, da je DOM pripravljen, preden se izvede koda:
$(document).ready(function() { // koda se izvede, ko je DOM pripravljen $("button").click(function() { $("p").toggle(); }); });
Moderni krajši zapis za dokument pripravljenosti je:
$(function() { // koda });
Kako vstaviti jQuery
jQuery lahko vključite lokalno ali preko CDN. Primer vključitve preko CDN (Google, CDNJS, jsDelivr) je običajno le ena vrstica — vključite skripto pred zaključnim </body> tagom ali v glavi, če uporabljate asinhrono nalaganje.
Uporaba, združljivost in podpora
jQuery je še vedno široko uporabljen pri spletnih straneh in aplikacijah, ki želijo hitro in zanesljivo upravljati DOM brez potrebe po kompleksnih ogrodjih. Podpira številne starejše brskalnike, zato je v mnogih primerih prva izbira za podporo nazaj združljivosti. Kljub temu so v modernem razvoju, kjer se pogosto uporabljajo ogrodja kot so React, Vue ali Angular, nekateri projekti raje uporabljajo izključno navadni JavaScript (vanilla JS) ali lastne rešitve zaradi boljše integracije komponent in virtualnega DOM-a.
Zmigljivost in velikost
jQuery je razmeroma majhen, vendar nove aplikacije včasih izločijo jQuery zaradi dodatne odvisnosti in želje po manjšem prenosu podatkov. Če potrebujete samo nekaj preprostih izbir in dogodkov, lahko enako dosežete z nekaj vrsticami sodobnega JavaScripta brez dodatne knjižnice. Če pa razvijate kompleksno aplikacijo z obširno podporo brskalnikov ali potrebujete hitro prototipiranje, je jQuery še vedno praktičen.
Kdaj uporabiti jQuery in kdaj ne
- Uporabite jQuery, če: potrebujete hitro manipulacijo DOM, široko podporo brskalnikov ali obstoječe vtičnike, ki poenostavijo razvoj.
- Ne uporabljajte jQuery, če: gradite sodobno enostransko aplikacijo (SPA) z ogrodjem, kjer je upravljanje stanja in virtualni DOM bolje rešen z React/Vue/Angular, ali če želite minimalno velikost prenosa.
Vtičniki in razširitve
Skupnost okoli jQuery ponuja številne vtičnike za oblike, karusele, modalna okna, validacijo obrazcev in drugo. Razvijalci lahko zlahka napišejo svoje vtičnike, kar omogoča ponovno uporabo kode in standardizacijo funkcionalnosti med projekti.
Zaključek
jQuery je bila in še vedno je zelo pomembna knjižnica v spletnem razvoju. Njena enostavna sintaksa, bogata zbirka vtičnikov in široka podpora brskalnikov so glavni razlogi za dolgo življenjsko dobo. Pri izbiri orodij upoštevajte potrebe projekta: za hitro DOM-manipulacijo in široko razširljivost je jQuery odlična izbira; za moderne SPA rešitve pa je smiselno razmisliti o sodobnih ogrodjih ali čistem JavaScriptu.
Zgodovina izdaje
Številka različice | Datum izida | Dodatne opombe |
1.0 | 26. avgust 2006 | Prva stabilna izdaja |
1.0.1 | 31. avgust 2006 | |
1.0.2 | 9. oktober 2006 | |
1.0.3 | 27. oktober 2006 | |
1.0.4 | 12. december 2006 | Zadnji popravek napake 1.0 |
1.1 | 14. januar 2007 | |
1.1.1 | 22. januar 2007 | |
1.1.2 | 27. februar 2007 | |
1.1.3 | julij 1, 2007 | |
1.1.3.1 | 5. julij 2007 | |
1.1.4 | 24. avgust 2007 | |
1.2 | 10. september 2007 | |
1.2.1 | 16. september 2007 | |
1.2.2 | 15. januar 2008 | |
1.2.3 | 8. februar 2008 | |
1.2.4 | 19. maj 2008 | |
1.2.5 | 21. maj 2008 | Popravek za slabo gradnjo 1.2.4 |
1.2.6 | 24. maj 2008 | |
1.3 | 14. januar 2009 | V jedro je bil uveden izbirnik Sizzle Selector Engine |
1.3.1 | 21. januar 2009 | |
1.3.2 | 20. februar 2009 | |
1.4 | 14. januar 2010 | |
1.4.1 | 25. januar 2010 | |
1.4.2 | 19. februar 2010 | |
1.4.3 | oktober 16, 2010 | |
1.4.4 | 11. november 2010 | |
1.5 | 31. januar 2011 | Upravljanje odloženih povratnih klicev, prepis modula ajax |
1.5.1 | 24. februar 2011 | |
1.5.2 | 31. marec 2011 | |
1.6 | 3. maj 2011 | Bistveno izboljšana zmogljivost funkcij attr() in val() |
1.6.1 | 12. maj 2011 | |
1.6.2 | 30. junij 2011 | |
1.6.3 | 1. september 2011 | |
1.6.4 | 12. september 2011 | |
1.7 | 3. november 2011 | Nova API za dogodke: .on() in .off(), medtem ko sta stara API še vedno podprta. |
1.7.1 | 21. november 2011 | |
1.7.2 | 21. marec 2012 | |
1.8.0 | 9. avgust 2012 | Motor izbirnika Sizzle je na novo napisan, izboljšane so animacije in prilagodljivost $(html, rekviziti). |
1.8.1 | 30. avgust 2012 | |
1.8.2 | september 20, 2012 | |
1.8.3 | 13. november 2012 | |
1.9.0 | začetek leta 2013 | Odstranitev zastarelih vmesnikov in čiščenje kode |
2.0.0 | začetek leta 2013 | Opustitev podpore za IE6-8 zaradi izboljšanja zmogljivosti in zmanjšanja velikosti datotek |
Vprašanja in odgovori
V: Kaj je jQuery?
O: jQuery je knjižnica JavaScript, ki je bila ustvarjena za lažje in enostavnejše pisanje JavaScript in HTML.
V: Kdo je izumil jQuery?
O: John Resig je izumil jQuery.
V: Kdaj je bila izdana prva različica jQueryja?
O: Prva izdaja jQueryja je bila januarja 2006 na BarCampu v New Yorku.
V: Kdo danes vodi ekipo programerjev, ki delajo na jQueryju?
O: Dave Methvin danes vodi ekipo programerjev, ki delajo na jQueryju.
V: Kako priljubljen je jQuery?
O: Več kot 55 % od 10 000 najbolj obiskanih spletnih mest uporablja jQuery, kar pomeni, da gre za najbolj priljubljeno knjižnico JavaScript, ki se danes uporablja.
V: Ali so z uporabo jQueryja povezani stroški?
O: Ne, uporaba knjižnice jQuery ni povezana s stroški, saj je brezplačna in odprtokodna programska oprema z licenco MIT.
V: Katere stvari je lažje narediti z uporabo jqueryja?
O: Nekatere stvari, ki jih je lažje narediti z uporabo jqueryja, vključujejo navigacijo (premikanje po) spletni strani, izbiro (izbiranje) elementov na spletni strani z uporabo objektnega modela dokumenta, ustvarjanje animacij, obdelavo dogodkov, kot so dejanja uporabnikov, ustvarjanje aplikacij Ajax in izdelavo lastnih vtičnikov jquery.