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.

Vprašanja in odgovori

V: Kaj je jQuery?

V: Kdo je izumil jQuery?

V: Kdaj je bila izdana prva različica jQueryja?

V: Kdo danes vodi ekipo programerjev, ki delajo na jQueryju?

V: Kako priljubljen je jQuery?

V: Ali so z uporabo jQueryja povezani stroški?

V: Katere stvari je lažje narediti z uporabo jqueryja?

Išči po črki