JQuery

jQuery je javascriptová knihovna s širokou podporou prohlížečů, která klade důraz na interakci mezi JavaScriptem a HTML. Byla vydána Johnem Resigem v lednu 2006 na newyorském BarCampu.

jQuery je svobodný a otevřený software pod licencí MIT.

Microsoft a Nokia oznámily, že budou na svých platformách dodávat jQuery. Microsoft knihovnu dodává zároveň s Visual Studiem pro použití v jejich ASP.NET AJAX frameworku a ASP.NET MVC Frameworku, zatímco Nokia jQuery integruje do své webové run-time platformy.

Filozofie

Stejně jako CSS oddělují „zobrazovací“ charakteristiky od struktury HTML, jQuery odděluje „chování“ od struktury HTML. Například místo přímé specifikace on-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 jeho manipulátor události. Takovéto oddělení chování od struktury se také často nazývá jako princip nevtíravého JavaScriptu.

Funkce

jQuery nabízí následující funkce:

• Výběr DOM elementů pomocí otevřeného cross-browser selektorového enginu Sizzle, odnože projektu jQuery
• Funkce pro procházení a změnu DOM (včetně podpory pro 1–3 a základní XPath)
• Události
• Manipulace s CSS
• Efekty a animace
• AJAX
• Rozšiřitelnost
• Utility – např. informace o prohlížeči nebo funkce each
• Javascriptové pluginy

Funkce $

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:

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říklad 3: Pro spuštění funkce „mojefunkce“ ihned po načtení stránky (v žargonu jQuery: poté, co je zavolán manipulátor ready ):

Toto je většinou používáno v kontextu jako:

Použití

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ě:

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ě:

Další populární způsob načítání jQuery je načtení přímo ze serverů Google:

V neposlední řadě lze jQuery načíst v aktuální verzi přímo z domovské stránky projektu:

Historie vydání

Reference

V tomto článku byl použit překlad textu z článku jQuery na anglické Wikipedii.

• 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)

Literatura

• 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)

Související články

• jQuery UI
• JQuery Mobile
• Seznam webových aplikačních frameworků

Externí odkazy

• Obrázky, zvuky či videa k tématu jQuery na Wikimedia Commons
• (anglicky) Oficiální stránky
• (anglicky) Oficiální fórum jQuery
• (česky) jQuery User Interface
• (česky) Největší český portál o jQuery + fórum Archivováno 9. 1. 2011 na Wayback Machine.
• (česky) Seriál článků o používání jQuery
• (česky) jQuery zkoušečka
• (anglicky) Rychlá referenční příručka API (1.3)