JQuery

Technology
12 hours ago
8
4
2
Avatar
Author
Albert Flores

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 +moreNET_AJAX'>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. +more 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 [url=http://sizzlejs. com/]Sizzle[/url], 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ř. +more informace o prohlížeči nebo funkce each * [url=http://plugins. jquery. com/]Javascriptové pluginy[/url].

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. +more sudých řádků v tabulkách pomocí 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ě:

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. +more To může být provedeno následovně:.

google.load("jquery", "1.3.2");

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í

Datum vydáníČíslo verzePoznámky
28. +more dubna 20233. 7. 1oprava regrese; obnovena většinou interní metoda jQuery. find. tokenize odebraná v 3. 7
11. května 20233. 7metoda . uniqueSort; výkonnostní vylepšení; . outerWidth(true) & . outerHeight(true) pracují se zápornými okraji (margin); opravy ohniska/kurzoru (v javascriptu fokus)
[url=http://blog. jquery. com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/]15. ledna 2013[/url]2. 0b1BETA verze
[url=http://blog. jquery. com/2013/01/15/jquery-1-9-final-jquery-2-0-beta-migrate-final-released/]15. ledna 2013[/url]1. 9. 0
-[url=http://blog. jquery. com/2012/11/13/jquery-1-8-3-released/]13. listopadu 2012[/url]1. 8. 3
-[url=http://blog. jquery. com/2012/09/20/jquery-1-8-2-released/]20. září 2012[/url]1. 8. 2
-[url=http://blog. jquery. com/2012/08/30/jquery-1-8-1-released/]30. srpna 2012[/url]1. 8. 1
-[url=http://blog. jquery. com/2012/08/09/jquery-1-8-released/]9. srpna 2012[/url]1. 8. 0
-[url=http://blog. jquery. com/2012/03/21/jquery-1-7-2-released/]21. března 2012[/url]1. 7. 2
-[url=http://blog. jquery. com/2011/11/21/jquery-1-7-1-released/]21. listopadu 2011[/url]1. 7. 1
-[url=http://blog. jquery. com/2011/11/03/jquery-1-7-released/]3. listopadu 2011[/url]1. 7
-[url=http://blog. jquery. com/2011/09/12/jquery-1-6-4-released/]12. září 2011[/url]1. 6. 4
-[url=http://blog. jquery. com/2011/09/01/jquery-1-6-3-released/]1. září 2011[/url]1. 6. 3
-[url=http://blog. jquery. com/2011/06/30/jquery-162-released/]30. června 2011[/url]1. 6. 2
-[url=http://blog. jquery. com/2011/05/12/jquery-1-6-1-released/]12. května 2011[/url]1. 6. 1
-[url=http://blog. jquery. com/2011/05/03/jquery-16-released/]3. května 2011[/url]1. 6
-[url=http://blog. jquery. com/2011/03/31/jquery-152-released/]31. března 2011[/url]1. 5. 2
-[url=http://blog. jquery. com/2011/02/24/jquery-151-released/]24. února 2011[/url]1. 5. 1
-[url=http://blog. jquery. com/2011/01/31/jquery-15-released/]31. ledna 2011[/url]1. 5
-[url=http://blog. jquery. com/2010/11/11/jquery-1-4-4-release-notes/]11. listopadu 2010[/url]1. 4. 4
-[url=http://blog. jquery. com/2010/10/16/jquery-143-released/]16.

Reference

Literatura

Externí odkazy

[url=http://jquery. com/]Oficiální stránky[/url] * [url=http://forum. +morejquery. com/]Oficiální fórum jQuery[/url] * [url=https://jqueryui. com/]jQuery User Interface[/url] * [url=http://jquery-navod. cz/]Největší český portál o jQuery + fórum[/url] * [url=http://www. linuxexpres. cz/software/jquery-1-javascriptovy-framework-ktery-skoro-kazdy-pouziva]Seriál článků o používání jQuery[/url] * [url=http://jquery. jslab. net/zkousecka/]jQuery zkoušečka[/url] * [url=http://oscarotero. com/jquery/]Rychlá referenční příručka API[/url] (1. 3).

5 min read
Share this post:
Like it 8

Leave a Comment

Please, enter your name.
Please, provide a valid email address.
Please, enter your comment.
Enjoy this post? Join Cesko.wiki
Don’t forget to share it
Top