AlegsaOnline.com

jQuery – JavaScript könyvtár: ismertető, funkciók és alkalmazás

Teljes ismertető a jQuery-ről: funkciók, DOM-kezelés, események, animációk, Ajax, pluginek és gyakorlati alkalmazások — ingyenes, MIT-licences, széles körben használt JavaScript könyvtár.

Szerző: Leandro Alegsa

09-02-2026

A jQuery egy JavaScript könyvtár, amelyet azért hoztak létre, hogy könnyebbé és egyszerűbbé tegye a JavaScript és a HTML írását. A legtöbb webböngészőben működik, és John Resig találta fel. Első kiadása 2006 januárjában, a BarCamp NYC alkalmával jelent meg. Ma már egy fejlesztőcsapat dolgozik a jQuery-n, amelyet Dave Methvin vezet.

Ma a 10 000 leglátogatottabb weboldal több mint 55%-a használja a jQuery-t, így ez a legnépszerűbb JavaScript könyvtár, amelyet ma használnak. Ez egy ingyenes és nyílt forráskódú szoftver, amely a MIT licenc alatt áll.

A jQuery szintaxisát úgy tervezték, hogy megkönnyítse a bonyolult JavaScript megírását. A jQuery használatával könnyebben elvégezhető dolgok a következők:

navigálni (mozogni) egy weboldalon
elemek kiválasztása (kiválasztása) egy weboldalon a Dokumentum Objektum Modell segítségével
animációk készítése
kezelje az eseményeket, mint például a felhasználói akciókat
Ajax alkalmazások létrehozása.

Lehetővé teszi a fejlesztők számára, hogy saját jQuery plug-ineket készítsenek.

Olyan cégek, mint a Microsoft és a Nokia közölték, hogy a jQuery-t beépítik mobilplatformjaikba. Emellett a Microsoft a Visual Studio szoftverébe is beépíti a jQuery-t, hogy az ASP.NET AJAX keretrendszerrel és az ASP.NET MVC keretrendszerrel együtt lehessen használni. A Nokia beépítette a webes futásidejű widget-fejlesztési platformjába. 1.16-os verzió óta a jQuery-t a MediaWikiben is használják.

Főbb jellemzők és előnyök

Szegmentált DOM-kiválasztás: egyszerű, CSS-szerű szelektorokkal választhatjuk ki az elemeket (pl. osztály, ID, tag), és ezekre a kiválasztott elemekre azonnal műveleteket végezhetünk.
Láncolhatóság (chaining): a jQuery metódusok egymás után hívhatók, így tömören és érthetően írhatunk DOM-módosítást és eseménykezelést.
Eseménykezelés egyszerűen: cross-browser event API, amely elrejti a böngészők közti eltéréseket.
Beépített effektusok és animációk: egyszerűen készíthetünk rejtéseket, megjelenítéseket, áttűnéseket és egyedi animációkat.
Egységes Ajax API: rövid és olvasható hívások a szerverrel való aszinkron kommunikációhoz (pl. $.ajax, $.get, $.post).
Plug-in ökoszisztéma: rengeteg kész plugin áll rendelkezésre (widgetek, validáció, datepickerek stb.), emellett könnyű saját plugint írni.
Kompatibilitás: a jQuery a régebbi böngészőkkel is jól kezeli a különbségeket, így több éven át megkönnyítette a fejlesztők munkáját.

Hogyan lehet használni (rövid példa)

jQuery-t be lehet tölteni CDN-ről vagy lokálisan. Példa CDN-re:

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

Egyszerű példa: egy gomb kattintására eltüntetünk egy bekezdést:

$(document).ready(function() {   $("#myButton").click(function() {     $("#myParagraph").fadeOut();   }); });

Részletesebben: szelekciók, láncolás és események

Szelektorok: a jQuery a CSS-szelektorok nagy részét támogatja, továbbá speciális függvényeket (pl. :first, :last, :contains()).
Láncolás: egy hívás visszaadja a jQuery-objektumot, ezért közvetlenül hívhatunk további metódusokat: $("#id").addClass("active").show().text("Hello").
Események: delegált eseménykezelés (on/off) segítségével hatékonyan kezelhetjük dinamikusan létrehozott elemek eseményeit is.

Ajax és aszinkron műveletek

jQuery egyszerűsítette az Ajax-hívásokat, beépített metódusokkal és globális eseményekkel (pl. ajaxStart, ajaxStop). A mai böngészőkben azonban sok fejlesztő a beépített fetch() API-t vagy modern könyvtárakat részesíti előnyben, de jQuery még mindig jól használható meglévő projektekhez és egyszerűbb feladatokhoz.

Pluginok és kiterjeszthetőség

A jQuery egyik erőssége a bővíthetősége: saját metódusokat és plugineket lehet hozzáadni. Sok UI-könyvtár és widget épült rá (például datepicker, modal, slider). A pluginek struktúrája és konvenciói egyszerűvé teszik ezek használatát és megosztását.

Teljesítmény és kompatibilitás

Régebben a jQuery jelentősen gyorsította a fejlesztést, különösen a böngészők közti különbségek kezelésében. Manapság a natív JavaScript-eszközök (querySelector, classList, addEventListener, fetch) sok esetben megfelelnek, és kisebb függőséget jelentenek. Ha azonban egy projekt már jQuery-t használ, a könyvtár fenntartása és a pluginok használata indokolt lehet.

Mikor érdemes jQuery-t használni ma?

Ha meglévő jQuery-alapú kódot vagy pluginokat kell karbantartani.
Ha gyors prototípust akarunk készíteni egyszerű DOM-műveletekkel és animációkkal.
Ha a csapat ismeri a jQuery-t és a fejlesztési idő kritikus tényező.

Viszont új, nagyobb interaktív alkalmazások fejlesztéséhez gyakran érdemes modern keretrendszereket (React, Vue, Angular) vagy natív Web API-kat megfontolni.

Verziók és migráció

A jQuery-nek jelentősebb főverziói voltak (1.x, 2.x, 3.x), amelyek a böngészőtámogatás és belső API változások miatt különböznek. A jquery-migrate segédkönyvtár régi API-kat használó kódok átállítását könnyíti meg.

Közösség és források

A jQuery széles körű dokumentációval, tutorialokkal és nagy közösséggel rendelkezik. Mivel nyílt forráskódú és MIT licenc alatt áll, sok projektben használható korlátozások nélkül.

Összefoglalás

A jQuery továbbra is hasznos eszköz lehet kisebb projektekben, meglévő rendszerek karbantartásában és gyors prototípuskészítésben. Ugyanakkor a modern Web API-k és frameworkök sok helyzetben hatékonyabb, modulárisabb megoldást nyújtanak. Fontos mérlegelni a projekt igényeit, a csapat tapasztalatát és a függőségek méretét, mielőtt döntést hozunk.

Kiadási előzmények

Verziószám	Megjelenés dátuma	További megjegyzések
1.0	2006. augusztus 26.	Első stabil kiadás
1.0.1	2006. augusztus 31.
1.0.2	2006. október 9.
1.0.3	2006. október 27.
1.0.4	december 12, 2006	Utolsó 1.0 hibajavítás
1.1	január 14, 2007
1.1.1	január 22, 2007
1.1.2	február 27, 2007
1.1.3	2007. július 1.
1.1.3.1	2007. július 5.
1.1.4	2007. augusztus 24.
1.2	2007. szeptember 10.
1.2.1	szeptember 16, 2007
1.2.2	2008. január 15.
1.2.3	2008. február 8.
1.2.4	2008. május 19.
1.2.5	2008. május 21.	Javítás az 1.2.4 rossz buildjéhez
1.2.6	2008. május 24.
1.3	január 14, 2009	Sizzle Selector Engine bevezetve a magba
1.3.1	január 21, 2009
1.3.2	február 20, 2009
1.4	január 14, 2010
1.4.1	január 25, 2010
1.4.2	február 19, 2010
1.4.3	október 16, 2010
1.4.4	november 11, 2010
1.5	január 31, 2011	Halasztott visszahívások kezelése, ajax modul újraírása
1.5.1	február 24, 2011
1.5.2	március 31, 2011
1.6	május 3, 2011	Jelentős teljesítményjavulás az attr() és val() függvényekben
1.6.1	május 12, 2011
1.6.2	június 30, 2011
1.6.3	szeptember 1, 2011
1.6.4	szeptember 12, 2011
1.7	november 3, 2011	Új esemény API-k: .on() és .off(), míg a régi API-k továbbra is támogatottak.
1.7.1	november 21, 2011
1.7.2	március 21, 2012
1.8.0	augusztus 9, 2012	Sizzle Selector Engine újraírása, javított animációk és $(html, props) rugalmasság.
1.8.1	augusztus 30, 2012
1.8.2	szeptember 20, 2012
1.8.3	november 13, 2012
1.9.0	2013 eleje	Elavult interfészek eltávolítása és kódtisztítás
2.0.0	2013 eleje	IE6-8 támogatás elhagyása a teljesítmény javítása és a fájlméret csökkentése érdekében

Kérdések és válaszok

K: Mi az a jQuery?

V: A jQuery egy JavaScript könyvtár, amelyet azért hoztak létre, hogy könnyebbé és egyszerűbbé tegye a JavaScript és a HTML írását.

K: Ki találta fel a jQuery-t?

V: John Resig találta fel a jQuery-t.

K: Mikor jelent meg először a jQuery?

V: A jQuery első kiadása 2006 januárjában, a BarCamp NYC alkalmával történt.

K: Ki vezeti ma a jQuery-n dolgozó programozói csapatot?

V: Dave Methvin vezeti a jQuery-n dolgozó programozói csapatot.

K: Mennyire népszerű a jQuery?

V: A 10 000 leglátogatottabb weboldal több mint 55%-a használja a jQuery-t, így ez a legnépszerűbb JavaScript könyvtár, amelyet ma használnak.

K: Van-e költsége a jQuery használatának?

V: Nem, a jQuery használatához nem kapcsolódik költség, mivel ingyenes és nyílt forráskódú szoftverről van szó, amely a MIT licenc alatt áll.

K: Milyen dolgokat lehet könnyebben elvégezni a jquery használatával?

V: A jquery használatával könnyebben elvégezhető dolgok közé tartozik a weblapon való navigálás (mozgatás), az elemek kiválasztása (kiválasztása) a weblapon a Document Object Model segítségével, animációk létrehozása, események, például felhasználói műveletek kezelése, Ajax alkalmazások létrehozása és saját jquery plug-inek készítése.