JQuery

jQuery
Logo
Základné informácie
Vývojár	jQuery Team
Posledná aktuálna verzia	3.6.0 (02. marec 2021)
Repozitár	https://github.com/jquery/jquery
Vyvinutý v	JavaScript
Stav vývoja	Aktívny
Typ softvéru	Webový aplikačný framework
Licencia	MIT
Ďalšie odkazy
Webová stránka	jquery.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.

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, Microsoft pre začiatok implementuje do Visual Studia 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.

Funkcie

jQuery obsahuje nasledovné funkcie:

• Výber DOM elementov pomocou open source cross-browser selectorového enginu Sizzle, odnož jQuery projektu
• 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

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

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í

Čí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)

Ďalšie čítanie

• 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

• Oficiálna stránka (po anglicky)
• Slovenská jQuery stránka (po slovensky)
• jQuery UI (po anglicky)
• Rýchla referenčná API príručka (po anglicky)

Zdroj

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