jQuery

jQuery

Vývojář	jQuery tým
Aktuální verze	1.6 (3. květen 2011)
Operační systém	multiplatformní
Typ softwaru	webový aplikační framework
Licence	duální licence: GPL a MIT
Web	jquery.com

jQuery je lehká, malá^[zdroj?] javascriptová knihovna, 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 duální licencí MIT a GPL.

Microsoft a Nokia oznámily, že budou na svých platformách dodávat jQuery. Microsoft pro začátek adoptujíc do Visual Studia 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 HMTL, 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:

ret = "    foo     ";
jQuery.trim(ret); // vrátí "foo"

Nebo také jako:

ret = "    foo     ";
$.trim(ret);

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átor ready):

$(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");
});

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

<script type="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ě unifikováného cachování a snížení odezvy. To může být provedeno následovně:

<script type="application/javascript" src="http://www.google.com/jsapi"></script>
<script type="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:

<script type="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:

<script type="application/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

Historie vydání

Datum vydání	Číslo verze	Poznámky
19. února 2010	1.4.2
25. ledna 2010	1.4.1
14. ledna 2010	1.4
20. února 2009	1.3.2
21. ledna 2009	1.3.1
14. ledna 2009	1.3	Selektorový engine Sizzle přidán do jádra
24. května 2008	1.2.6
21. května 2008	1.2.5	Oprava špatného sestavení 1.2.4
19. května 2008	1.2.4
8. února 2008	1.2.3
15. ledna 2008	1.2.2
16. září 2007	1.2.1
10. září 2007	1.2
24. sprna 2007	1.1.4
5. července 2007	1.1.3.1
1. července 2007	1.1.3
27. února 2007	1.1.2
22. ledna 2007	1.1.1
14. ledna 2007	1.1
12. prosince 2006	1.0.4	Poslední opravná verze řady 1.0
27. října 2006	1.0.3
9. října 2006	1.0.2
31. srpna 2006	1.0.1
26. srpna 2006	1.0	První stabilní vydání

Související články

• jQuery UI
• Srovnání javascriptových frameworků

Reference

V tomto článku je 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. ISBN 978-1847192509. (anglicky) 
• BIBEAULT, Bear; KATZ, Yehuda. JQuery in Action. [s.l.] : Manning Publications Co., 2008. 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. ISBN 978-1904811824. (anglicky) 
• HEILMANN, Christian; FRANCIS, Mark Norman. Web development solutions. [s.l.] : Apress, 2007. Dostupné online. ISBN 978-1590598061. (anglicky) 

Externí odkazy

• (česky) Největší český portál o jQuery + fórum
• (anglicky) Oficiální stránky
• (anglicky) Oficiální fórum jQuery
• (česky) jQuery zkoušečka
• (anglicky) Rychlá referenční příručka API (1.3)
• (anglicky) Rychlá referenční příručka API (1.4)
• (anglicky) Simplify Ajax development with jQuery
• (anglicky) OOP in jQuery – krátký článek zaměřený na problematiku používání OOP s jQuery.