jQuery

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

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[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 $

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

Datum vydáníČíslo verzePoznámky
28. dubna 20233.7.1[5]oprava regrese; obnovena většinou interní metoda jQuery.find.tokenize odebraná v 3.7
11. května 20233.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 20132.0b1BETA verze
15. ledna 20131.9.0
13. listopadu 20121.8.3
20. září 20121.8.2
30. srpna 20121.8.1
9. srpna 20121.8.0
21. března 20121.7.2
21. listopadu 20111.7.1
3. listopadu 20111.7
12. září 20111.6.4
1. září 20111.6.3
30. června 20111.6.2
12. května 20111.6.1
3. května 20111.6
31. března 20111.5.2
24. února 20111.5.1
31. ledna 20111.5
11. listopadu 20101.4.4
16. října 20101.4.3
19. února 20101.4.2
25. ledna 20101.4.1
14. ledna 20101.4
20. února 20091.3.2
21. ledna 20091.3.1
14. ledna 20091.3Selektorový engine Sizzle přidán do jádra
24. května 20081.2.6
21. května 20081.2.5Oprava špatného sestavení 1.2.4
19. května 20081.2.4
8. února 20081.2.3
15. ledna 20081.2.2
16. září 20071.2.1
10. září 20071.2
24. srpna 20071.1.4
5. července 20071.1.3.1
1. července 20071.1.3
27. února 20071.1.2
22. ledna 20071.1.1
14. ledna 20071.1
12. prosince 20061.0.4Poslední opravná verze řady 1.0
27. října 20061.0.3
9. října 20061.0.2
31. srpna 20061.0.1
26. srpna 20061.0První stabilní vydání

Reference

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

  • 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

Externí odkazy

Média použitá na této stránce