jQuery jejavascriptová knihovna s širokou podporou prohlížečů, která klade důraz na interakci meziJavaScriptem aHTML. Byla vydánaJohnem Resigem v lednu 2006 na newyorskémBarCampu.
jQuery jesvobodný aotevřený software pod licencíMIT.
Microsoft a Nokia oznámily, že budou na svých platformách dodávat jQuery.[1] Microsoft knihovnu dodává zároveň sVisual Studiem[2] pro použití v jejichASP.NET AJAX frameworku aASP.NET MVC Frameworku, zatímco Nokia jQuery integruje do své webové run-time platformy.
Stejně jakoCSS oddělují „zobrazovací“ charakteristiky od struktury HTML, jQuery odděluje „chování“ od struktury HTML. Například místo přímé specifikaceon-click události přímo v HTML kódu tlačítka by stránka řízená jQuery napřed našla vhodný element tlačítka, a potom změnila jehomanipulátor události. Takovéto oddělení chování od struktury se také často nazývá jako principnevtíravého JavaScriptu.
jQuery nabízí následující funkce:
- VýběrDOM elementů pomocí otevřeného cross-browser selektorového enginuSizzle, odnože projektu jQuery[3]
- Funkce pro procházení a změnu DOM (včetně podpory pro 1–3 a základníXPath)
- Události
- Manipulace sCSS
- Efekty a animace
- AJAX
- Rozšiřitelnost
- Utility – např. informace o prohlížeči nebo funkceeach
- Javascriptové pluginy
Jeden z kritických konceptů v jakémkoli jQuery kódu je tzv. funkce „$“. „$“ je vlastně alias pro jmenný prostor „jQuery“.
Příklad 1: jQuery nabízí funkci pro oříznutí řetězců. Tato funkce může být použita jako:
ret=" foo ";jQuery.trim(ret);// vrátí "foo"
Nebo také jako:
Tyto kódy jsou shodné. Použití „$“ místo „jQuery“ je ad-hoc konvence a je považováno za rychlejší cestu pro přístup ke knihovně jQuery.
Příklad 2: Pro vybrání všech odstavců s třídou „foo“ a pro přiřazení druhé třídy „bar“:
$("p.foo").addClass("bar");Příklad 3: Pro spuštění funkce „mojefunkce“ ihned po načtení stránky (v žargonu jQuery: poté, co je zavolán manipulátorready):
$(document).ready(function(){mojefunkce();});Toto je většinou používáno v kontextu jako:
$(document).ready(function(){// Obarvit pozadí lichých, resp. sudých řádků v tabulkách pomocí [[Kaskádové styly|CSS]] tříd lichyPruh, resp. sudyPruh.$('tr:odd').addClass("lichyPruh");$('tr:even').addClass("sudyPruh");});jQuery většinou existuje jako jeden javascriptový soubor, obsahujícího všechny funkce pro DOM, Ajax, události a efekty. Do webové stránky může byt vložen následovně:
<scripttype="application/javascript"src="/cesta/k/jquery.js"></script>
Nejnovější stabilní verze může být také načtena pomocí Google AJAX Libraries API. Tento způsob získávání knihovny má mnoho výhod včetně unifikovaného cachování a snížení odezvy. To může být provedeno následovně:
<scripttype="application/javascript"src="http://www.google.com/jsapi"></script><scripttype="application/javascript">google.load("jquery","1.3.2");</script>Další populární způsob načítání jQuery je načtení přímo ze serverů Google:[4]
<scripttype="application/javascript"src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
V neposlední řadě lze jQuery načíst v aktuální verzi přímo z domovské stránky projektu:
<scripttype="application/javascript"src="http://code.jquery.com/jquery-latest.min.js"></script>
V tomto článku byl použitpřeklad textu z článkujQuery na anglické Wikipedii.
- ↑RESIG, John.jQuery, Microsoft, and Nokia [online]. jQuery, 2008-09-28 [cit. 2009-07-10].Dostupné online. (anglicky)
- ↑GUTHRIE, Scott.jQuery and Microsoft [online]. 2008-09-28 [cit. 2009-07-10].Dostupné v archivu pořízeném dne 2018-12-25. (anglicky)
- ↑RESIG, John.jQuery 1.3 and the jQuery Foundation [online]. 2009-01-14 [cit. 2009-07-10].Dostupné online. (anglicky)
- ↑http://code.google.com/apis/ajaxlibs/documentation/#jquery
- ↑JQUERY.ORG, jQuery Foundation-.jQuery 3.7.1 Released: Reliable Table Row Dimensions | Official jQuery Blog [online]. 2023-08-28 [cit. 2023-12-21].Dostupné online. (anglicky)
- ↑JQUERY.ORG, jQuery Foundation-.jQuery 3.7.0 Released: Staying in Order | Official jQuery Blog [online]. 2023-05-11 [cit. 2023-12-16].Dostupné online. (anglicky)
- TAFT, Darryl K.jQuery Eases JavaScript, AJAX Development [online]. 2006-08-30 [cit. 2009-07-10].Dostupné online. (anglicky)
- KRILL, Paul.JavaScript, .Net developers aided in separate projects [online]. 2006-08-31 [cit. 2009-07-10].Dostupné online. (anglicky)
- CHAFFER, Jonathon; SWEDBERG, Karl.Learning JQuery: Better Interaction Design and Web Development with Simple JavaScript Techniques. [s.l.]: Packt Publishing, 2007.Dostupné online.ISBN 978-1847192509. (anglicky)
- BIBEAULT, Bear; KATZ, Yehuda.JQuery in Action. [s.l.]: Manning Publications Co., 2008.Dostupné online.ISBN 978-1933988351. (anglicky)
- HEILMANN, Christian.Beginning JavaScript with DOM scripting and Ajax. [s.l.]: Apress, 2006.Dostupné online.ISBN 978-1590596807. (anglicky)
- DARIE, Cristian; CHERECHES-TOSA, Filip; BUCICIA, Mihai.Ajax And Php: Building Responsive Web Applications. [s.l.]: Packt Publishing, 2005.Dostupné online.ISBN 978-1904811824. (anglicky)
- HEILMANN, Christian; FRANCIS, Mark Norman.Web development solutions. [s.l.]: Apress, 2007.Dostupné online.ISBN 978-1590598061. (anglicky)