Preskočiť na obsah

JQuery

z Wikipédie, slobodnej encyklopédie
jQuery

Logo
Základné informácie
VývojárjQuery Team
Posledná aktuálna verzia3.6.0 (02. marec 2021; pred 1353 dňami)
Repozitárhttps://github.com/jquery/jquery
Vyvinutý vJavaScript
Stav vývojaAktívny
Typ softvéruWebový aplikačný framework
LicenciaMIT
Ďalšie odkazy
Webová stránkajquery.com

Pozri aj Informačný portál

jQuery je ľahká cross-browser JavaScript knižnica, ktorá kladie dôraz na interakciu medzi JavaScriptom a HTML. Vydal ju v januári 2006 v BarCamp NYC vývojár John Resig. Je používaná na viac ako 34% z 1 000 000 najnavštevovanejších webstránok, jQuery je aktuálne najpoužívanejšia knižnica.[1][2]

jQuery je slobodný a otvorený software pod MIT licenciou. jQuery syntax je navrhnutá pre jednoduchšiu navigáciu dokumentu, výber DOM elementov, vytváranie animácií, spracovanie udalostí, a vývoj Ajax aplikácií. jQuery tiež poskytuje možnosti pre vývojárov na vytváranie pluginov postavených na tejto JavaScript knižnici.

Microsoft a Nokia oznámili, že budú na svojich platformách dodávať jQuery,[3] Microsoft pre začiatok implementuje do Visual Studia[4] pre použitie v ich ASP.NET AJAX frameworku a ASP.NET MVC Frameworku, zatiaľ čo Nokia jQuery integruje do jej webovej run-time platformy.[5]

jQuery obsahuje nasledovné funkcie:

  • Výber DOM elementov pomocou open source cross-browser selectorového enginu Sizzle, odnož jQuery projektu[6]
  • Prechádzanie a modifikácia DOM (vrátane podpory pre CSS 1-3)
  • Udalosti
  • CSS manipulácia
  • Efekty a animácie
  • Ajax
  • Rozšíriteľnosť pomocou pluginov
  • Utility – napríklad verzia prehliadača a each funkcia.

Vloženie knižnice

[upraviť | upraviť zdroj]

jQuery knižnica zvyčajne existuje ako jeden JavaScript súbor, obsahujúci všetky funkcie pre DOM, udalosti, efekty, a Ajax. Do webovej stránky môže byť vložená pomocou odkazu na lokálnu kópiu, alebo na jednu z mnohých kópií dostupných na verejných serveroch. jQuery je poskytovaná sieťou (CDN) ktorú sponzoruje Media Temple (predtym Amazon). Tiež ju hostuje Google a Microsoft.

<script type="text/javascript" src="jquery.js"></script>

Najobľúbenejší a základný spôsob zavedenia jQuery funkcie je použiť .ready() funkciu.

$(document).ready(function() {
   // kod
});

alebo skratený zápis

$(function() {
   // kod
});

Štýly použitia

[upraviť | upraviť zdroj]

jQuery ma dva štýly použitia:

  • pomocou $ alebo jQuery funkcie, ktorá je vstavaná metóda jQuery objektu. Tieto funkcie, často nazývané príkazy, sú reťazovité; každá z nich vráti jQuery objekt.
  • pomocou $.-prefix funkcií. Ide o utility funkcie, ktoré samo sebou nefungujú na jQuery objekte.

Typický prístup a manipulácia s viacerými uzlami v DOM začína s $ funkciou, ktorá je volaná reťazcom CSS selektora, čo má za následok jQuery objekt odkazovaný žiadnym alebo viacerými elementami v HTML stránke. Tento zvolený uzol môže byť manipulovaný volaním metód na jQuery objekte, alebo na samotných uzloch. Napríklad:

$("div.test").add("p.citat").addClass("modry").slideDown("slow");

Tento riadok nájde všetky div tagy s class atribútom test a všetky p tagy s CSS class atribútom citat, pridá class atribút modry každému zvolenému elementu a pridá animáciu slideDown. $ a add funkcie ovplyvňujú zvolené elementy, zatiaľ čo addClass a slideDown ovplyvňujú samotné uzly.

Prefix metódy s $. sú konvenčnými metódami alebo ovplyvňujú globálne vlastnosti a správanie.

Je možné vykonávať dotazy nezávislé od prehliadača, takzvané Ajax dotazy, pomocou $.ajax a s ním súvisiace metódy pre načítanie a manipuláciu s dátami.

$.ajax({
  type: "POST",
  url: "priklad.php",
  data: "meno=Jan&vek=25",
  success: function(msg){
    alert( "Data Saved: " + msg );
  }
});

Tento príklad pošle dáta meno=Jaro , vek=52 a bydlisko=pivnica do priklad.php na server. Keď sa požiadavka skonči úspešne, success funkcia vyvolá užívateľovi alert.

História vydaní

[upraviť | upraviť zdroj]
Číslo verzie Dátum vydania Posledná aktualizácia Poznámky
1.0 26. august 2006 Prvá stabilná verzia
1.1 14. január 2007
1.2 10. september 2007
1.3 14. január 2009 Sizzle Selector Engine pridaný do jadra
1.4 14. január 2010
1.5 31. január 2011
1.6 3. máj 2011 Významné zlepšenie výkonu attr() a val() funkcií
1.7 3. november 2011 Nové udalosti: .on() a .off(), zatiaľ čo staré API udalosti sú naďalej podporované.
1.8 9. august 2012 Prepísaný Sizzle Selector Engine, zlepšenie animácií a $(html, props) flexibility.
1.9 15. január 2013 1.9.1 (4. február 2013) Odstránenie zastaraného rozhrania a vyčistenie kódu
1.10 24. máj 2013 1.10.1 (30. máj 2013) Oprava chýb a nahlásených rozdielov z 1.9 a 2.0 beta
2.0 18. apríl 2013 2.0.3 (3. júl 2013) Odstránenie IE6-8 podpory pre zlepšenie výkonu a zmenšenie veľkosti súboru
2.1 24. január 2014 2.1.4 (28. apríl 2015)
2.2 8. január 2016 2.2.4 (20. máj 2016)
3.0 9. jún 2016 3.0.0 (9. jún 2016)
3.1 7. júl 2016 3.1.1 (23. september 2016)
3.2 16. marec 2017 3.2.1 (20. marec 2017)
3.3 19. január 2018 3.3.1 (20. január 2018)
3.4 10. apríl 2019 3.4.1 (1. máj 2019)
3.5 10. apríl 2020 3.5.1 (4. máj 2020)
  1. Usage of JavaScript libraries for websites [online]. . Dostupné online. (po anglicky)
  2. jQuery Usage Statistics [online]. [Cit. 2010-04-04]. Dostupné online. Archivované 2018-12-25 z originálu. (po anglicky)
  3. RESIG, John. jQuery, Microsoft, and Nokia [online]. jQuery Blog: jQuery, 2008-09-28, [cit. 2009-01-29]. Dostupné online. (po anglicky)
  4. GUTHRIE, Scott. jQuery and Microsoft [online]. ScottGu's Blog: 2008-09-28, [cit. 2009-01-29]. Dostupné online.
  5. Guarana UI: A jQuery Based UI Library for Nokia WRT [online]. Forum Nokia: [cit. 2010-03-30]. Dostupné online. Archivované 2009-11-23 z originálu.
  6. RESIG, John. jQuery 1.3 and the jQuery Foundation [online]. jQuery Blog: 2009-01-14, [cit. 2009-05-04]. Dostupné online.

Ďalšie čítanie

[upraviť | upraviť zdroj]
  • TAFT, Darryl K.. jQuery Eases JavaScript, AJAX Development [online]. eWeek: 2006-08-30, [cit. 2009-05-04]. Dostupné online.
  • KRILL, Paul. JavaScript, .Net developers aided in separate projects [online]. InfoWorld: 2006-08-31, [cit. 2009-05-04]. Dostupné online.
  • RESIG, John. Advancing JavaScript with Libraries (Part 1) [online]. InfoWorld: 2007-04-13, [cit. 2009-05-04]. Dostupné online.
  • RESIG, Paul. Advancing JavaScript with Libraries (Part 2) [online]. InfoWorld: 2007-04-13, [cit. 2009-05-04]. Dostupné online.

Externé odkazy

[upraviť | upraviť zdroj]

Tento článok je čiastočný alebo úplný preklad článku jQuery na anglickej Wikipédii.