JQuery

JavaScriptová knihovna From Wikipedia, the free encyclopedia

Remove ads

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.

Stručná fakta Vývojář, Aktuální verze ...

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.

Remove ads

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.

Remove ads

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>
Remove ads

Historie vydání

Další informace Datum vydání, Číslo verze ...
Remove ads

Reference

Literatura

Loading content...

Související články

Loading content...

Externí odkazy

Loading related searches...

Wikiwand - on

Seamless Wikipedia browsing. On steroids.

Remove ads