Hirdetés
A jQuery egy ügyféloldali szkriptkönyvtár, amelyet szinte minden modern webhely használ - interaktívvá teszi a webhelyeket. Ez nem az egyetlen Javascript könyvtár, de a legfejlettebb, leginkább támogatott és legszélesebb körben használt. Ez a modern webhelyek egyik építőköve. De mi is pontosan a jQuery, mi teszi annyira népszerűvé, és miért kellene törődnie vele, ha webfejlesztőként indul?
Mi a jQuery?
jQuery a Javascript, a. könyvtár kiterjesztése Javascript funkciók és segédprogramok, amelyek vizuális érzetet adnak, és a fejlett funkciókat egyszerűen bevezethetővé teszik néhány kódsorban. A böngészők és a nyílt forráskód támogatják. Ezen felül kibővítheti a jQuery funkciókat a könnyen használható pluginekkel.
A jQuery a Javascript tetején van felépítve, de hozzáteszi azokat a módszereket és funkciókat, amelyek a tiszta Javascriptben nem találhatók meg. Úgy hozták létre, hogy egyszerűsítse a Javascript használatát, és eltávolítsa a különféle böngészőkben a Javascript eltérő megvalósításával kapcsolatos problémákat. A jQuery segítségével egyszer csak írhat, és a jQuery bármely böngészõben helyesen értelmezi a kódját.
A jQuery fő funkciója a DOM manipulációja (a DOM a dokumentumobjektum-modell), és ez azt jelenti, hogy a meglátogatott bármely weboldal mögött meghúzódik. Minden, amit az oldalon lát - és sok olyan, amit nem lát - képviselteti magát a DOM-ban.
A jQuery nem az egyetlen Javascript könyvtár odakint, de a legnépszerűbb - az első 10 000 webhely kb. 55% -a használja. Prototípus, MooTools és scriptaculous népszerű alternatívák, de nem szinte annyira támogatottak.
Ügyféloldal vs Szerveroldal
A legtöbb weboldal a kiszolgálóoldalon jön létre - a MakeUseOf a PHP-t és a MySQL-t (WordPress formájában) használja a cikk adatainak adatbázisból való letöltésére, majd sablon alkalmazására az adatokra. A kapott oldalt elküldi a böngészőnek, értelmezi és megjeleníti. Ha rákattint egy linkre, újabb kérést küld az adatbázishoz, és újabb oldal jön létre. De mi van, ha valamilyen interaktivitást akar létrehozni az oldalon? Űrlap, amely ellenőrzi, hogy a felhasználó milyen típusú (például a Twitter, amely megszámolja, hogy hány betű van hátra), a gombra kattintva megjelenik egy párbeszédpanel, vagy esetleg további adatokat szeretne betölteni anélkül, hogy újra letöltené az egészet az oldalon?
Ez az, ahol ügyféloldali szkriptek játékba kerül. Itt az ügyfél - az Ön böngészője - hajtja végre a nehéz emelést. A legtöbb weboldal, ideértve ezt, mindkettőt egyaránt használja.
Miért használja a jQuery-t?
Visual Flair
A jQuery változtassa meg a weboldal egyes részeit a felhasználói műveletekre reagálva. Gyors példaként: kattintson erre a linkre - az oldal minden linkje meg fog jelenni váltson pirosra. Hiábavaló? Talán, de érted. A képbemutatók a jQuery általános használata. Az értelmetlen vizuális effektusok és a felhasználói élmény valóban hasznos kiegészítéseinek kiegyensúlyozása része a webes fejlesztő készségnek.
Itt van egy gyors lista néhány igazán fantasztikus hatás közül, amelyeket elérhet.
Könnyű események
Szinte minden szoftver egy eseménymodellre működik - kattintson valamire, és egy kattintási esemény beindul. Húzza az ujját egy táblagépen, és egy húzási esemény beindul. Az alkalmazások „hallgatnak” ezekre az eseményekre, és csinálnak valamit - a jQuery lehetővé teszi ezt egy böngészőben.
Végezzen egyszerűen az AJAX-t
Aszinkron Javascript és XML a távoli szerverrel történő kommunikáció módja anélkül, hogy új oldalt kellene betöltenie. Jó példa erre a Facebook állapotfolyam. Próbáljon végiggörgetni az összes frissítést, amíg az aljára nem kerül. Nem tudod. Amint a végére eljut, a jQuery észleli, hogy közel van, és küld egy AJAX kérést további állapotok megjelenítésére.
Ezután befecskendezi őket az aktuális oldalra, anélkül, hogy rájött volna. Végtelen mennyiségű frissítést kap, de nem az összes töltődik be eleinte.
Speciális felhasználói felületek
Együtt a jQuery UI központi plugin segítségével teljes webes alkalmazásokat építhet szabványos űrlap-összetevők segítségével; folyamatjelző sávok, csúszkák, gombok, lapok, húzás és dobás - minden ott van. Egy egyszerű hevítőrendszer lehetővé teszi a külső és a megjelenés testreszabását, vagy használhatja az egyik alapértelmezett értéket.
Érdekelne?
Ha érdekli egyáltalán a webhelyek fejlesztése Melyik programozási nyelvet kell megtanulni - Webes programozásMa áttekintjük a különféle internetes programozási nyelveket, amelyek táplálják az internetet. Ez a kezdő programozási sorozat negyedik része. Az 1. részben megtanultuk a ... Olvass tovább , akkor igen - a jQuery olyan dolog, amelyet feltétlenül meg kell tanulnia. Ha valaha is feltette magát "Hogyan tehetem X-et Y-ként, ha a felhasználó Z-et tesz?", akkor imádni fogod a jQuery-t. Hozzáadása a webhelyhez olyan egyszerű, mint a link hozzáadásával a fejlécben; vagy mondjuk a WordPressnek, hogy töltse be.
Szeretne tanulni a jQuery-t? Tudassa velünk a megjegyzésekben, és megnézem, mit tehetek.
Kép kreditek: A jQuery használatával készült dinamikus forgó hirdetőtábla, PistolSlut.com, Diagram készült jQuery
James rendelkezik mesterséges intelligencia BSc-vel, CompTIA A + és Network + tanúsítvánnyal rendelkezik. A MakeUseOf vezető fejlesztője, és szabadidejét VR paintballon és társasjátékokon játszik. Gyerekkora óta épít PC-ket.