JQuery

z Wikipédie, slobodnej encyklopédie
Prejsť na: navigácia, hľadanie
jQuery
JQuery logo text.svg
Logo
Základné informácie
Vývojár jQuery Team
Posledná aktuálna verzia 2.0.2 (30. máj 2013)
Dostupné jazyky JavaScript
Stav vývoja Aktívny
Typ softvéru Webový aplikačný framework
Licencia MIT
Ďalšie odkazy
Webová stránka jquery.com

Computer n screen.svg Pozri aj Informačný portál

jQuery je ľahká cross-browser JavaScript knižnica, ktorá kladie dôraz na interakciu medzi JavaScriptom a HTML. Vydal ju v januári 2006 v BarCamp NYC vývojár John Resig. Je používaná na viac ako 34% z 1,000,000 najnavštevovanejších webstránok, jQuery je aktuálne najpoužívanejšia knižnica.[1][2]

jQuery je slobodný a otvorený software pod MIT licenciou. jQuery syntax je navrhnutá pre jednoduchšiu navigáciu dokumentu, výber DOM elementov, vytváranie animácií, spracovanie udalostí, a vývoj Ajax aplikácií. jQuery tiež poskytuje možnosti pre vývojárov na vytváranie pluginov postavených na tejto JavaScript knižnici.

Microsoft a Nokia oznámili, že budú na svojich platformách dodávať jQuery,[3] Microsoft pre začiatok implementuje do Visual Studia[4] pre použitie v ich ASP.NET AJAX frameworku a ASP.NET MVC Frameworku, zatiaľ čo Nokia jQuery integruje do jej webovej run-time platformy.[5]

Funkcie[upraviť | upraviť zdroj]

jQuery obsahuje nasledovné funkcie:

  • Výber DOM elementov pomocou open source cross-browser selectorového enginu Sizzle, odnož jQuery projektu[6]
  • Prechádzanie a modifikácia DOM (vrátane podpory pre CSS 1-3)
  • Udalosti
  • CSS manipulácia
  • Efekty a animácie
  • Ajax
  • Rozšíriteľnosť pomocou pluginov
  • Utility – napríklad verzia prehliadača a each funkcia.

Vloženie knižnice[upraviť | upraviť zdroj]

jQuery knižnica zvyčajne existuje ako jeden JavaScript súbor, obsahujúci všetky funkcie pre DOM, udalosti, efekty, a Ajax. Do webovej stránky môže byť vložená pomocou odkazu na lokálnu kópiu alebo jedným z mnoha kópií dostupných z verejných serverov. jQuery má CDN sponzorované Media Temple (predtym Amazon). Tiež hostuje Google a Microsoft.

<script type="text/javascript" src="jquery.js"></script>

Najobľúbenejší a základný spôsob zavedenia jQuery funkcie je použiť .ready() funkciu.

$(document).ready(function() {
   // kod
});

alebo skratený zápis

$(function() {
   // kod
});

Štýly použitia[upraviť | upraviť zdroj]

jQuery ma dva štýly použitia:

  • pomocou $ funkcie, ktorá je vstavaná metóda jQuery objektu. Tieto funkcie, často nazývané príkazy, sú reťazovité; každá z nich vráti jQuery objekt.
  • pomocou $.-prefix funkcií. Ide o utility funkcie, ktoré samo sebou nefungujú na jQuery objekte.

Typický prístup a manipulácia s viacerými uzlami v DOM začína s $ funkciou, ktorá je volaná reťazcom CSS selektora, čo má za následok jQuery objekt odkazovaný žiadnym alebo viacerými elementami v HTML stránke. Tento zvolený uzol môže buť manipulovaný volaním metód na jQuery objekte, alebo na samotných uzloch. Napríklad:

$("div.test").add("p.citat").addClass("modry").slideDown("slow");

Tento riadok nájde všetky div tagy s class atribútom test a všetky p tagy s CSS class atribútom citat, pridá class atribút modry každému zvolenému elementu a pridá animáciu slideDown. $ a add funkcie ovplyvňujú zvolené elementy, zatiaľ čo addClass a slideDown ovplyvňujú samotné uzly.

Prefix metódy s $. sú konvenčnými metódami alebo ovplyvňujú globálne vlastnosti a správanie.

Je možné vykonávať dotazy nezávislé od prehliadača, takzvané Ajax dotazy, pomocou $.ajax a s ním súvisiace metódy pre načítanie a manipuláciu s dátami.

$.ajax({
  type: "POST",
  url: "priklad.php",
  data: "meno=Jan&vek=25",
  success: function(msg){
    alert( "Data Saved: " + msg );
  }
});

Tento príklad pošle dáta meno=Jan a vek=25 do priklad.php na server. Keď sa požiadavka skonči úspešne, success funkcia vyvolá užívateľovi alert.

História vydaní[upraviť | upraviť zdroj]

Číslo verzie Dátum vydania Posledná aktualizácia Poznámky
1.0 26. august 2006 Prvá stabilná verzia
1.1 14. január 2007
1.2 10. september 2007
1.3 14. január 2009 Sizzle Selector Engine pridaný do jadra
1.4 14. január 2010
1.5 31. január 2011
1.6 3. máj 2011 Významné zlepšenie výkonu attr() a val() funkcií
1.7 3. november 2011 Nové udalosti: .on() a .off(), zatiaľ čo staré API udalosti sú naďalej podporované.
1.8.0 9. august 2012 Prepísaný Sizzle Selector Engine, zlepšenie animácií a $(html, props) flexibility.
1.9.0 15. január 2013 1.9.1 (4. február 2013) Odstránenie zastaraného rozhrania a vyčistenie kódu
1.10.0 24. máj 2013 1.10.1 (30. máj 2013) Oprava chýb a nahlásených rozdielov z 1.9 a 2.0 beta
2.0.0 18. apríl 2013 2.0.2 (30. máj 2013) Odstránenie IE6-8 podpory pre zlepšenie výkonu a zmenšenie veľkosti súboru

Poznámky[upraviť | upraviť zdroj]

  1. Usage of JavaScript libraries for websites [online]. . Dostupné online. (po anglicky)
  2. jQuery Usage Statistics [online]. . Dostupné online. (po anglicky)
  3. RESIG, John. jQuery, Microsoft, and Nokia [online]. jQuery Blog : jQuery, 2008-09-28, [cit. 2009-01-29]. Dostupné online. (po anglicky)
  4. GUTHRIE, Scott. jQuery and Microsoft [online]. ScottGu's Blog : 2008-09-28, [cit. 2009-01-29]. Dostupné online.
  5. Guarana UI: A jQuery Based UI Library for Nokia WRT [online]. Forum Nokia : [cit. 2010-03-30]. Dostupné online.
  6. RESIG, John. jQuery 1.3 and the jQuery Foundation [online]. jQuery Blog : 2009-01-14, [cit. 2009-05-04]. Dostupné online.

Ďalšie čítanie[upraviť | upraviť zdroj]

  • TAFT, Darryl K.. jQuery Eases JavaScript, AJAX Development [online]. eWeek : 2006-08-30, [cit. 2009-05-04]. Dostupné online.
  • KRILL, Paul. JavaScript, .Net developers aided in separate projects [online]. InfoWorld : 2006-08-31, [cit. 2009-05-04]. Dostupné online.
  • RESIG, John. Advancing JavaScript with Libraries (Part 1) [online]. InfoWorld : 2007-04-13, [cit. 2009-05-04]. Dostupné online.
  • RESIG, Paul. Advancing JavaScript with Libraries (Part 2) [online]. InfoWorld : 2007-04-13, [cit. 2009-05-04]. Dostupné online.

Externé odkazy[upraviť | upraviť zdroj]

Zdroj[upraviť | upraviť zdroj]

Tento článok je čiastočný alebo úplný preklad článku jQuery na anglickej Wikipédii.