jQuery

Z Wikipedie, otevřené encyklopedie
jQuery
Logo
VývojářjQuery tým
Aktuální verze3.7.1 (28. srpna 2023)
Operační systémmultiplatformní
Vyvíjeno vJavaScript
Typ softwaruwebový aplikační framework
LicenceMIT
Webjquery.com
Některá data mohou pocházet z datové položky.

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.[1] Microsoft knihovnu dodává zároveň s Visual Studiem[2] 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[editovat | editovat zdroj]

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[editovat | editovat zdroj]

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[3]
  • 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 $[editovat | editovat zdroj]

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í[editovat | editovat zdroj]

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ě unifikované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:[4]

<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í[editovat | editovat zdroj]

Datum vydání Číslo verze Poznámky
28. dubna 2023 3.7.1[5] oprava regrese; obnovena většinou interní metoda jQuery.find.tokenize odebraná v 3.7
11. května 2023 3.7[6] metoda .uniqueSort(); výkonnostní vylepšení; .outerWidth(true) & .outerHeight(true) pracují se zápornými okraji (margin); opravy ohniska/kurzoru (v javascriptu fokus)
15. ledna 2013 2.0b1 BETA verze
15. ledna 2013 1.9.0
13. listopadu 2012 1.8.3
20. září 2012 1.8.2
30. srpna 2012 1.8.1
9. srpna 2012 1.8.0
21. března 2012 1.7.2
21. listopadu 2011 1.7.1
3. listopadu 2011 1.7
12. září 2011 1.6.4
1. září 2011 1.6.3
30. června 2011 1.6.2
12. května 2011 1.6.1
3. května 2011 1.6
31. března 2011 1.5.2
24. února 2011 1.5.1
31. ledna 2011 1.5
11. listopadu 2010 1.4.4
16. října 2010 1.4.3
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. srpna 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í

Reference[editovat | editovat zdroj]

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

  1. RESIG, John. jQuery, Microsoft, and Nokia [online]. jQuery, 2008-09-28 [cit. 2009-07-10]. Dostupné online. (anglicky) 
  2. GUTHRIE, Scott. jQuery and Microsoft [online]. 2008-09-28 [cit. 2009-07-10]. Dostupné online. (anglicky) 
  3. RESIG, John. jQuery 1.3 and the jQuery Foundation [online]. 2009-01-14 [cit. 2009-07-10]. Dostupné online. (anglicky) 
  4. http://code.google.com/apis/ajaxlibs/documentation/#jquery
  5. 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) 
  6. 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) 

Literatura[editovat | editovat zdroj]

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

Související články[editovat | editovat zdroj]

Externí odkazy[editovat | editovat zdroj]