JQuery
jQuery | |
Logo | |
Základné informácie | |
---|---|
Vývojár | jQuery Team |
Posledná aktuálna verzia | 3.6.0 (02. marec 2021 ) |
Repozitár | https://github.com/jquery/jquery |
Vyvinutý v | JavaScript |
Stav vývoja | Aktívny |
Typ softvéru | Webový aplikačný framework |
Licencia | MIT |
Ďalšie odkazy | |
Webová stránka | jquery.com |
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 na jednu z mnohých kópií dostupných na verejných serveroch. jQuery je poskytovaná sieťou (CDN) ktorú sponzoruje Media Temple (predtym Amazon). Tiež ju 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
$ alebo jQuery
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 byť 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=Jaro
, vek=52
a bydlisko=pivnica
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 | 9. august 2012 | Prepísaný Sizzle Selector Engine, zlepšenie animácií a $(html, props) flexibility.
| |
1.9 | 15. január 2013 | 1.9.1 (4. február 2013) | Odstránenie zastaraného rozhrania a vyčistenie kódu |
1.10 | 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 | 18. apríl 2013 | 2.0.3 (3. júl 2013) | Odstránenie IE6-8 podpory pre zlepšenie výkonu a zmenšenie veľkosti súboru |
2.1 | 24. január 2014 | 2.1.4 (28. apríl 2015) | |
2.2 | 8. január 2016 | 2.2.4 (20. máj 2016) | |
3.0 | 9. jún 2016 | 3.0.0 (9. jún 2016) | |
3.1 | 7. júl 2016 | 3.1.1 (23. september 2016) | |
3.2 | 16. marec 2017 | 3.2.1 (20. marec 2017) | |
3.3 | 19. január 2018 | 3.3.1 (20. január 2018) | |
3.4 | 10. apríl 2019 | 3.4.1 (1. máj 2019) | |
3.5 | 10. apríl 2020 | 3.5.1 (4. máj 2020) |
Poznámky
[upraviť | upraviť zdroj]- ↑ Usage of JavaScript libraries for websites [online]. . Dostupné online. (po anglicky)
- ↑ jQuery Usage Statistics [online]. [Cit. 2010-04-04]. Dostupné online. Archivované 2018-12-25 z originálu. (po anglicky)
- ↑ RESIG, John. jQuery, Microsoft, and Nokia [online]. jQuery Blog: jQuery, 2008-09-28, [cit. 2009-01-29]. Dostupné online. (po anglicky)
- ↑ GUTHRIE, Scott. jQuery and Microsoft [online]. ScottGu's Blog: 2008-09-28, [cit. 2009-01-29]. Dostupné online.
- ↑ Guarana UI: A jQuery Based UI Library for Nokia WRT [online]. Forum Nokia: [cit. 2010-03-30]. Dostupné online. Archivované 2009-11-23 z originálu.
- ↑ 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]- Oficiálna stránka (po anglicky)
- Slovenská jQuery stránka (po slovensky)
- jQuery UI (po anglicky)
- Rýchla referenčná API príručka (po anglicky)
Zdroj
[upraviť | upraviť zdroj]Tento článok je čiastočný alebo úplný preklad článku jQuery na anglickej Wikipédii.