jQuery — JavaScript biblioteka: apibrėžimas, funkcijos ir istorija
Atraskite jQuery: populiariausia JavaScript biblioteka — apibrėžimas, pagrindinės funkcijos, istorija ir praktiniai pavyzdžiai kuriant interaktyvias svetaines.
"jQuery" yra "JavaScript" biblioteka, sukurta siekiant palengvinti ir supaprastinti "JavaScript" ir HTML rašymą. Ją išrado Johnas Resigas ir ji veikia daugumoje interneto naršyklių. Pirmą kartą ji buvo išleista 2006 m. sausį Niujorko "BarCamp" stovykloje. Šiandien prie "jQuery" dirba programuotojų komanda, kuriai vadovauja Dave'as Methvinas.
Šiandien daugiau nei 55 % iš 10 000 lankomiausių svetainių naudoja "jQuery", taigi tai populiariausia šiandien naudojama "JavaScript" biblioteka. Ji yra nemokama atvirojo kodo programinė įranga, licencijuota pagal MIT licenciją.
"jQuery" sintaksė sukurta taip, kad būtų lengviau rašyti sudėtingą "JavaScript". Kai kuriuos dalykus lengviau atlikti naudojant "jQuery":
- naršyti (judėti) tinklalapyje.
- pasirinkti (pasirinkti) elementus tinklalapyje naudojant dokumento objektų modelį.
- kurti animacijas
- tvarkyti įvykius, pvz., naudotojo veiksmus.
- kurti "Ajax" programas.
Be to, kūrėjai gali kurti savo "jQuery" įskiepius.
Tokios bendrovės kaip "Microsoft" ir "Nokia" pareiškė, kad ketina įtraukti "jQuery" į savo mobiliąsias platformas. Be to, "Microsoft" įtraukia "jQuery" į savo "Visual Studio" programinę įrangą, kad ją būtų galima naudoti su ASP.NET AJAX sistema ir ASP.NET MVC sistema. Bendrovė "Nokia" ją įtraukė į savo Web Run-Time valdiklių kūrimo platformą. jQuery taip pat naudojama "MediaWiki" nuo 1.16 versijos.
Kas yra jQuery ir kodėl ji naudinga?
jQuery — tai kompaktiška, patikima ir lengvai naudojama JavaScript biblioteka, skirta pagreitinti kasdienes darbines užduotis naršyklėje. Ji apjungia daugelį įprastų veiksmų (DOM pasirinkimas, įvykių valdymas, animacijos, AJAX užklausos) paprasta ir vientisa API, kuri veikia daugybėje naršyklių. Dėl to kūrėjams nereikia rašyti ilgų ir sudėtingų kryžminio naršyklės kodo fragmentų.
Pagrindinės funkcijos
- DOM pasirinkimas ir manipuliacija: paprastos CSS selektorių sintaksės pagalba galima rasti elementus ir keisti jų turinį, atributus bei stilius.
- Įvykių tvarkymas: suvienodintas ir paprastas mechanizmas pridėti ir nuimti įvykių klausytuvus (click, submit, keyup ir kt.).
- Efektai ir animacijos: glaustos funkcijos elementų rodymui, slėpimui, fad'inimui ir slinkties efektams.
- AJAX: trumpesnė ir patogesnė sintaksė asinchroninėms HTTP užklausoms atlikti ir JSON/HTML duomenims apdoroti.
- Chaining (grandininimas): daugelį operacijų galima grandinti viename išsikvietime, todėl kodas tampa trumpesnis ir aiškesnis.
- Įskiepiai: plati ekosistema leidžia plėsti funkcionalumą per trečiųjų šalių papildinius.
Sintaksės pagrindai
Tipiškas jQuery fragmentas naudoja simbolį $ arba jQuery kaip vykdymo įėjimą. Pavyzdys:
$(document).ready(function() { $('#manoElementas').hide().fadeIn(400); }); Šis pavyzdys reiškia: palaukite, kol dokumentas bus paruoštas, tada pasirinkite elementą su ID manoElementas, paslėpkite jį ir paleiskite įsiskverbiantį efektą. Chaining leidžia grandinti kelias operacijas po vienu selektoriumi.
Istorija ir svarbūs įvykiai
- 2006 m. sausis: John Resig pristato jQuery pirmą kartą BarCamp renginyje New York.
- 2006 m. rugpjūtis: išleista jQuery 1.0 (pirmoji stabilioji versija).
- 2013 m.: jQuery 2.0 — versija be senų Internet Explorer (6–8) palaikymo.
- 2016 m.: jQuery 3.0 — su modernizacija, patobulintu animacijų varikliu ir kitais atnaujinimais.
Per metus jQuery tapo plačiai priimta, o vėliau atsiradus moderniems front-end karkasams (React, Angular, Vue) jos naudojimo augimo tempas sumažėjo, tačiau ji vis dar labai paplitusi daugelyje projektų ir palaikoma daugelyje turinio valdymo sistemų bei bibliotekų.
Įskiepių ir ekosistemos vaidmuo
jQuery turi didelę bendruomenę ir gausybę įskiepių: nuo sąsajos elementų (slankmačiai, modalai) iki sudėtingų funkcionalumų (data pickers, AJAX formos). Kurti savo įskiepį yra paprasta ir leidžia plėsti pagrindinę biblioteką be pačios bibliotekos keitimo.
Kompatibilumas ir integracija
jQuery sukurta taip, kad veiktų daugelyje naršyklių ir būtų lengvai integruojama į egzistuojančias platformas. Kaip tekste minėta, tokios organizacijos kaip "Microsoft" ir "Nokia" integravo arba palaikė jQuery savo platformose, o taip pat ji naudojama tokiose sistemose kaip "MediaWiki".
Privalumai ir trūkumai
- Privalumai: greitas prototipavimas, paprasta sintaksė, plati dokumentacija ir didelė bibliotekų bei įskiepių ekosistema; geras naršyklių suderinamumas.
- Trūkumai: papildomas bibliotekos dydis modernesniuose projektuose gali būti nereikalingas, kai naudojami pažangūs framework'ai; kai kurie senesni metodai gali būti pasenę lyginant su modernia ES6+ JavaScript praktika.
Kada verta rinktis jQuery?
jQuery yra gera pasirinktis, kai reikia greitai pridėti interaktyvumo tradicinei arba serverių generuojamai svetainei, kai reikalingas paprastas sprendimas be didelio front-end karkaso diegimo. Didesniems SPA (vieno puslapio aplikacijoms) dažniau pasirenkami React, Vue ar Angular.
Kaip įtraukti jQuery
jQuery galima pridėti vietiniu skriptu arba iš CDN. Pavyzdys (CDN):
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> Rekomenduojama naudoti naujausią stabilų leidimą arba versiją, suderinamą su jūsų projekto reikalavimais, ir, jei reikia, naudoti jQuery Migrate įskiepį senų API palaikymui.
Išvados
jQuery yra vienas iš svarbiausių įrankių interneto kūrimo istorijoje: ji supaprastino DOM manipuliacijas, įvykių valdymą ir AJAX užklausas bei suvienijo naršyklių skirtumus. Nors modernios front-end technologijos pakeitė jos vaidmenį naujuose projektuose, jQuery vis dar yra plačiai naudojama ir vertinga priemonė daugeliui svetainių bei kūrėjų.
Išleidimo istorija
| Versijos numeris | Išleidimo data | Papildomos pastabos |
| 1.0 | 2006 m. rugpjūčio 26 d. | Pirmasis stabilus leidimas |
| 1.0.1 | 2006 m. rugpjūčio 31 d. | |
| 1.0.2 | 2006 m. spalio 9 d. | |
| 1.0.3 | 2006 m. spalio 27 d. | |
| 1.0.4 | 2006 m. gruodžio 12 d. | Paskutinis 1.0 klaidos taisymas |
| 1.1 | 2007 m. sausio 14 d. | |
| 1.1.1 | 2007 m. sausio 22 d. | |
| 1.1.2 | 2007 m. vasario 27 d. | |
| 1.1.3 | 2007 m. liepos 1 d. | |
| 1.1.3.1 | 2007 m. liepos 5 d. | |
| 1.1.4 | 2007 m. rugpjūčio 24 d. | |
| 1.2 | 2007 m. rugsėjo 10 d. | |
| 1.2.1 | 2007 m. rugsėjo 16 d. | |
| 1.2.2 | 2008 m. sausio 15 d. | |
| 1.2.3 | 2008 m. vasario 8 d. | |
| 1.2.4 | 2008 m. gegužės 19 d. | |
| 1.2.5 | 2008 m. gegužės 21 d. | Ištaisyti blogą 1.2.4 surinkimą |
| 1.2.6 | 2008 m. gegužės 24 d. | |
| 1.3 | 2009 m. sausio 14 d. | "Sizzle Selector Engine" įdiegtas į pagrindinę dalį |
| 1.3.1 | 2009 m. sausio 21 d. | |
| 1.3.2 | 2009 m. vasario 20 d. | |
| 1.4 | 2010 m. sausio 14 d. | |
| 1.4.1 | 2010 m. sausio 25 d. | |
| 1.4.2 | 2010 m. vasario 19 d. | |
| 1.4.3 | 2010 m. spalio 16 d. | |
| 1.4.4 | 2010 m. lapkričio 11 d. | |
| 1.5 | 2011 m. sausio 31 d. | Atidėtų grįžtamųjų iškvietimų valdymas, ajax modulio perrašymas |
| 1.5.1 | 2011 m. vasario 24 d. | |
| 1.5.2 | 2011 m. kovo 31 d. | |
| 1.6 | 2011 m. gegužės 3 d. | Žymiai pagerintas funkcijų attr() ir val() našumas |
| 1.6.1 | 2011 m. gegužės 12 d. | |
| 1.6.2 | 2011 m. birželio 30 d. | |
| 1.6.3 | 2011 m. rugsėjo 1 d. | |
| 1.6.4 | 2011 m. rugsėjo 12 d. | |
| 1.7 | 2011 m. lapkričio 3 d. | Naujos įvykių API: .on() ir .off(), o senosios API vis dar palaikomos. |
| 1.7.1 | 2011 m. lapkričio 21 d. | |
| 1.7.2 | 2012 m. kovo 21 d. | |
| 1.8.0 | 2012 m. rugpjūčio 9 d. | Perrašytas "Sizzle Selector" variklis, patobulinta animacija ir $(html, rekvizitai) lankstumas. |
| 1.8.1 | 2012 m. rugpjūčio 30 d. | |
| 1.8.2 | 2012 m. rugsėjo 20 d. | |
| 1.8.3 | 2012 m. lapkričio 13 d. | |
| 1.9.0 | 2013 m. pradžia | Nereikalingų sąsajų pašalinimas ir kodo valymas |
| 2.0.0 | 2013 m. pradžia | IE6-8 palaikymo atsisakymas siekiant pagerinti našumą ir sumažinti failų dydį |
Klausimai ir atsakymai
K: Kas yra "jQuery"?
A: "jQuery" yra "JavaScript" biblioteka, sukurta siekiant palengvinti ir supaprastinti "JavaScript" ir HTML rašymą.
K: Kas išrado jQuery?
A: John Resig išrado jQuery.
K: Kada buvo išleista pirmoji jQuery versija?
A: Pirmą kartą jQuery išleista 2006 m. sausį Niujorko "BarCamp" stovykloje.
K: Kas šiandien vadovauja programuotojų komandai, dirbančiai prie "jQuery"?
Atsakymas: Dave'as Methvinas vadovauja programuotojų komandai, kuri šiandien dirba su "jQuery".
K: Kiek populiarus yra "jQuery"?
A: Daugiau nei 55 % iš 10 000 labiausiai lankomų interneto svetainių naudoja "jQuery", taigi tai populiariausia šiandien naudojama "JavaScript" biblioteka.
K: Ar yra išlaidų, susijusių su jQuery naudojimu?
A: Ne, jQuery naudojimas nieko nekainuoja, nes tai yra nemokama atvirojo kodo programinė įranga, licencijuota pagal MIT licenciją.
K: Kokius dalykus lengviau atlikti naudojant jquery?
A: Naudojant "jquery" lengviau atlikti tokius dalykus, kaip naršymas (judėjimas) tinklalapyje, tinklalapio elementų pasirinkimas (pasirinkimas) naudojant dokumento objekto modelį, animacijos kūrimas, įvykių, tokių kaip naudotojo veiksmai, tvarkymas, "Ajax" programų kūrimas ir savų "jquery" įskiepių kūrimas.
Ieškoti