Mi jquery
Minden JQuery
És mi jelent mindez nekünk a fejlesztők? A legjobb módja annak, hogy megértsék a jellemzői ennek a könyvtár látni, mit kínál számunkra.
Mozgás a HTML-dokumentum
Amikor a böngésző megjeleníti a weblapot, azt látjuk, előttünk csak vizuális ábrázolása olyan dolog, mint a DOM (Document Object Model). Ez a modell lehet fogalmilag képviseli, mint egy fa csomós, gyökerek és levelek. Például a képviselet a modellt a Web lépés Book Oldal:
A JQuery könnyedén navigálhat a DOM keresve a szükséges alkatrészeket, elemeket vagy értékeket szeretné megkapni. Ie ha keres DIV néhány szöveget, amelyet adott azonosítót, akkor nagyon egyszerű.
Ha azt szeretnénk, hogy járni ciklus összes tag span, az is lehetséges, hogy:
Cycles, veszünk egy közelebbi pillantást a következő fejezetben, ahol megmutatjuk néhány további funkciók a manipuláció az oldalt. Ezek egyszerű példa, de a kód sokkal nehezebbé vált, különösen akkor, ha kapcsolási módszerekkel. Például:
Ebben a szakaszban, akkor nem érti, hogy mi történik a fenti kódot, de a kód, hogy mutassa meg, hogyan JQuery hasznos lehet bizonyos helyzetekben, amikor a kiegészítő funkciók és kapcsolási módszerekkel.
Elég csak megemlíteni azt a tényt, hogy a hatalom a JQuery abban rejlik, hogy a kérelmeket a DOM (innen a név JQuery), és adja meg a következő változtatásokat, hogy a segítségével egy jól meghatározott API (amely bővelkedik példákban a funkciók használatának).
Lehet, hogy valaki azt mondani, hogy a többi funkciót alapul, hogy az a fenti. Emlékezz erre, és továbbra is foglalkozik a könyvtárban.
Manipulációk HTML dokumentumok
Ha beszélünk a valódi DOM manipuláció JQuery széleskörű funkcionalitás, amellyel meg lehet változtatni a felhasználók mit látnak.
Egyes funkciók meglehetősen egyszerű, mint a show, és hide, amely segítségével megjelenítheti és elrejtheti tárgyakat, amelyeket nem lesz látható az oldalon. A rendszer segítségével a többi funkció, akkor új elemeket, és illessze be őket a zárás előtt egy létező elem (az append funkció), vagy helyezzen be új tag után a nyitó címke meglévő elem (függvény betoldott). Hozzá egy osztály minden eleme a span lehet egy ciklus:
Ez csak egy kis része, mit lehet tenni a DOM JQuery. Ha elmész egy weboldal API, manipuláció alatt részben láthatja a teljes listát a rendelkezésre álló manipulált (valamint jó példák). Tudjuk:
Állítsa be a magassága és szélessége a teljes dokumentum, egy ablak vagy egy elem
Get megadott elem (ha van)
És még sok más
Ne felejtsük el, hogy sok fejlesztő választani JQuery mert teljesen cross-böngésző funkciók és példákat, hogy gondolkodunk ma cikkünkben.
esemény feldolgozása
Ie ha a felhasználó rákattint egy elemre a gombot, vagy egyszerűen kattintson az egér, a böngésző egy jelet állít okozta az eseményt. Ily módon, a nyelv interaktív események kezelése böngészőt.
Minden alkalommal, amikor a felhasználó valamit csinál egy weboldalt, tudunk válaszolni, hogy a segítségével egy egyedi esemény. A probléma az, hogy nem minden böngésző ugyanúgy teljesíti ugyanazt az eseményt (emiatt szükség van leírás, de ez egy másik cikk).
Szerencsére JQuery minden név rendelt különleges nevek, amellyel képesek vagyunk kezelni minden esemény minden böngészőben egyformán.
Abban az időben a JQuery a hálózat már nagyon népszerű a saját flash animáció. De amikor beszélünk a JQuery animáció, hatások és vannak eltérő, a melyek a régi technológia. Az animáció JQuery értetődő, hogy hatást, ha a felhasználó úgy érzi, visszajelzést az eset a képernyőn. Ezen felül, az új animáció nem olyan agresszív, és lehet, hogy egy oldal vagy alkalmazás stílust, ha helyesen használják (de nem visszaélni).
A link, láthatjuk az összes hatást API. Meg kell jegyezni, hogy a JQuery hatások az egyszerű sima feldolgozás látszat és az eltűnések elemek vagy diák bonyolultabb manipuláció több dolgot, mint hatások lógott a tételt.
Az utóbbi esetben azt feltételezzük, némi tapasztalat API, amely fokozatosan jön, ha dolgozik, könyvtárak és dokumentációs.
Azok számára, akik nem ismerik az Ajax: Ajax weboldala kéréseket a szerver, a folyamat a válasz, és frissítse része az oldal nem a teljes felújítás. A technológia nem új, de még mindig jó munkát a felelősséget. Az Ajax tényleg nagyszerű lehetőségekkel, amelyek hasznosak lehetnek, ha helyesen használják.
Támogatás Ajax sokkal jobb, mint 5 évvel ezelőtt, de az API végrehajtásához még lehet kissé eltérő a különböző böngészőkben. Ie meg kell írni Ajax kódot böngészők a Microsoft, a Google, az Apple, Chrome, stb külön-külön.
Anélkül, JQuery mi lett volna, hogy írjon kódot minden böngészőben, de hála a JQuery megkapjuk cross-böngésző módban. Tény, hogy a könyvtár megkönnyíti a GET és a POST kéri a feldolgozás és a fejlettebb lekérdezéseket lehet tenni egy módszer $ .ajax. Ha megszokja, hogy az API az alkalmazások, akkor nem tud nélküle.
Egy kicsit a skálázhatóság
Az egyik lehetőség, amely a szerver oldali keretek és könyvtárak, lehetséges, hogy hozzon létre kiterjesztéseket a szabványos kódot. A modern kliens könyvtárak és keretek egy ilyen lehetőséget, és JQuery sem kivétel.
Például, ha dolgozik egy bizonyos területen, és hozzon létre ugyanazt a funkcionalitást alkalmazásokhoz. Vagy van olyan termék, amit árul, és van egy kódot, amit be kell illeszteni a JQuery, de szükség van a különböző beállításokat a különböző projektek. Mi a teendő akkor?
Szerencsére nekünk a JQuery támogatott dugó. Ie mi, a fejlesztők nem csak válassza ki a listából a kész plug-inek (némelyik megtalálható GitHub jQuery és online), de nem tudjuk, és nem írja őket.
Mi lehet újra a kódot más projektek, vagy akkor tegyük a kódot oldalak, mint a GitHub, így a többi felhasználó is módosíthatja a kódot, javítására, kiegészítő funkciók, stb
További projektek JQuery
Mivel a kiadás JQuery nőtte valami több, mint egy JS könyvtárat, amellyel megteheti egyszerű és összetett kódot a funkcionális működés minden böngészőben.
Amellett, hogy az alapvető jQuery könyvtár, két másik kihívás a projekt, amely megmondja, egy kicsit, mielőtt befejezem ezt a cikket. Nem megyünk bele a részletekbe a projekt lehetőséget, de csak felületesen megnézi az egyes projektek annak érdekében, hogy tudja, hogy ő tud nyújtani nekünk.
A honlap jQuery UI: «JQuery UI - kész készlet kölcsönhatások hatások, widgetek és a felhasználói felület alapján a legújabb verzióját JQuery, JS könyvtárak. JQuery UI kiváló létrehozására rendkívül interaktív webes alkalmazások, vagy egyszerűen hozzáadhat egy dátumválasztó ".
A legtöbb Webeszközöket közös funkcionalitást. Például:
Elemei a dátum kiválasztása
Emellett vannak olyan speciális funkciók, mint például a hatások, a közüzemi és interakció. A tudásunk (és amit nem tudom) abban a pillanatban áll mindenféle callback függvények, attribútumok és funkciók, amelyek lehetővé teszik számunkra, hogy kölcsönhatásba lépnek a tárgyakat.
A fenti funkciók állnak rendelkezésre a különböző témák, hogy illeszkedjen a funkcionalitás a honlapon. Ezen kívül minden leírt papír és online funkciók jól dokumentáltak.
JQuery Mobile
Két korábbi könyvtárak kínálnak nekünk egy cross-platform jellemzői, amellyel viszonylag könnyű írni és JQuery widgetek jQuery Mobile is egy CSS keretrendszer, amely akkor is létrehozhat felhasználói felületek, amelyek tökéletesen megfelelnek a mi projekteket.
A keret a következőket tartalmazza:
alapértelmezett téma
A könyvtár kínál mindent, amit elvár egy projekt enyhítését célzó webfejlesztő különböző mobil eszközök. A szolgáltatásai között:
Események fut minden eszközön
Az ingatlan az aktív oldal
Widgets mobil interfészek
Ezen túlmenően, a hálózat továbbra is teljes mértékben alkalmas erre böngésző technológia. Azt már láttuk, csökkenő aránya az Internet Explorer régebbi verziói a Chrome és a folytatásban a népszerűsége, de még mindig vannak olyan felhasználók, akik a régebbi böngészők egyik vagy másik ok miatt.
Mindez nem számít, JQuery Mobile támogatja a legtöbb jelenlegi böngészők és operációs rendszerek. Ha nem biztos a támogatás a választott platform, akkor láthatjuk, hogy a támogatási oldalt.
következtetés
Ha ez nem lenne elég, van egy nagy dokumentációs és nyílt forráskódú. Szintén sok plug-inek, valamint a projekt blog, hogy tisztában legyen a legfrissebb híreket a fejlesztés a könyvtárban.
Felülvizsgálat: Team webformyself.
A legtöbb IT hírek és webfejlesztés A csatorna-távirat