Mi jquery
Mi jQuery
Eleinte meg, mi is pontosan a jQuery?
Az évek során a könyvtár sok változáson ment keresztül, és az aktuális napi tartalmaz alkalmassága, ami hasznos a lehető legszélesebb körben alkalmazható. Van egy kis méretű (például, a méret a minimalizált verzió- 55,9 KB és 19 KB tömörített verzió-), és nem szennyezi a globális névteret triviális azonosítók.
Document.getElementByld ( "divl") innerHTML = "Új szöveget.";
jQuery kódot ugyanazt hajtja végre lesz fele olyan hosszú.
Egy másik sajátossága a jQuery könyvtár az a képesség, hogy a láncot a metódushívások, mert a legtöbb jQuery módszerek visszatér egy objektumot, amely lehet, hogy további átalakításokra.
$ ( "# Message") // kap egy hivatkozást az elemet id = üzenet
.html ( „Üzenet”) // módosítsa a szöveget az elem
.szülő () // Az utalás a szülő elem
.ess ( "background-color", "# fff4dd") // Zadalitsvetfona
.szélessége (300) // Szélesség
.magassága (200) // magasság
// simán elemek megjelenítéséhez változása miatt az átláthatóság
.fadeln (3000);
jQuery könyvtár nem szabad felügyelet nélkül hagyni, és AJAX technológia lehetővé teszi, hogy adatokat cseréljen a szerver újratöltése nélkül a weboldal. A 10. fejezet fogjuk vizsgálni az alapvető tulajdonságok és módszerek az XMLHttpRequest objektumot, és 11. fejezet fogja vizsgálni egy nagyon könnyen kezelhető felületet AJAX, jQuery könyvtár biztosított.
Miatt a sokoldalúság jQuery könyvtár hasznos lesz szinte minden fejlesztő. Ez alkalmas a kezdő, mivel lehetővé teszi, hogy felejtse el a probléma határokon böngésző alkalmazás (megjelent egy új webes brauzer- megváltoztatta a könyvtár verzióját, és minden újra működik). A könyvtár ideális szakemberek, mivel lehetővé teszi, hogy csökkentsék a kódot legalább három alkalommal. És ez viszont levelet nagyon bonyolult kódot minimális erőfeszítéssel és időpocsékolás.
Ebben a könyvben, azt feltételezzük, hogy az összes tárgyalt fájlok tárolása a UTF-8. Szóval, mielőtt megvizsgálják annak lehetőségét jQuery könyvtár, fontolja meg, milyen UTF-8 eltér a többi karakterkészlet és hogyan kell menteni a fájlt a kódolást.
Minden karakter, hogy látjuk a képernyőn a számítógép belsejében tárolja a számok formájában. Minden szimbólum felel meg egy bizonyos összeget (karakter kód). A kérdés megválaszolásához, hogy hogyan kell kinéznie a karakter által képviselt egyedi kódot, megfelelési táblázatok nevezzük kódolást. A kódolás lehet egy és több byte-os.
Az egybájtos karakterkódolást által kódolt egyetlen byte. Az első 7 bit segítségével 128 karakter megfelelő kódot ASCII. Néhány ilyen karaktereket tartalmaznak számokat, betűket az ábécé, írásjelek és bizonyos speciális karaktereket (például új sor, fül, stb.)
Kódok ezek a karakterek ugyanazok szinte minden egybájtos kódolás. Nyolc bit kódolására szimbólumok nemzeti ábécét. Így az egybájtos kódolás lehetővé kell kódolni mind a 256 karaktert. Kódolni a betűk a magyar nyelvi kódolások kidolgozott öt - windows-1251 (sr1251), sr866, iso8859-5, KOI8-r és mac-cirill. A nehézség abban rejlik, hogy a kód ugyanaz orosz betűket ezen kódolási eltérő lehet. Emiatt sok probléma merül fel.
UTF-8 kódolás egyetlen szimbólum lehet kódolva több byte. Az első 128 karakter felel meg az ASCII karakterek és vannak kódolva egyetlen bájtot. A fennmaradó karakterek által kódolt variábilis bájtok száma -, kettő és hat (a praktike- legfeljebb négy).
A betűk a magyar ábécé és néhány más európai nyelv van kódolva két bájt. Más szóval, az UTF-8 kódolást, amely karakterek kódolására az összes létező betűk és képes helyettesíteni az összes kód egyszerre. A helyszín lehet orosz vagy más nyelven, és a kódolás ugyanaz lesz. Ez a kódolási fogjuk használni.
Ha elment egy fájlt UTF-8 kell venni, hogy az alkalmazás számára a Jegyzettömb ez lehetetlen, mivel mentésekor a fájl elején be kell illeszteni a speciális karakterek, az úgynevezett rövidített BOM (Byte Order Mark, egy byte order mark). UTF-8 kódolású, ezek a karakterek nem kötelező, és nem teszi lehetővé számunkra, hogy a jövőben, például, meg a szerver fejléceket. Együttműködik az UTF-8 kódolást, telepíteni kell egy számítógépes program Notepad ++.
Az a tény, hogy fel fogjuk használni az UTF-8 kódolást, nem jelenti azt, hogy a jQuery könyvtár csak akkor működik, ezzel a kódolási. A mi projektek, akkor bármilyen más kódolást. Ugyanakkor nem szabad elfelejteni, hogy az alapértelmezett AJAX kérések UTF-8. Ha más kódolásokat kell végezni átkódolás.
Csatlakozó jQuery könyvtár
Sam kódcímke kell helyezni abban a részében, HEAD HTML dokumentumnak.
Meghatározó dokumentum készen áll
Általában a legtöbb intézkedés végre az elemek a HTML-dokumentum. Emiatt meg kell futtatni szkriptek csak a dokumentum betöltésekor. Anélkül, hogy a jQuery könyvtár erre a célra általában használt onload esemény az ablakon.
window.onload = function ()
riasztás ( "Document teljesen feltöltött");
>
Azonban ez az esemény csak akkor következik be, miután a teljes letöltése HTML-dokumentumot, valamint az összes többi elemhez képest, mint a képek. Töltsön fel képeket (vagy bannerek másik domain) hosszabb időt vehet igénybe, amely alatt a szkriptek végrehajtását az befagyasztja.
jQuery könyvtár megment minket időt és lehetővé teszi, hogy végre parancsfájlokat után azonnal megalakult a dokumentum szerkezetét, anélkül, hogy megvárná a letöltés más elemek. Kezelje ezt az eseményt akkor a kész () metódust.
jQuery (dokumentum) .ready (funkció ()
alert ( „A dokumentum áll rendelkezésre szkriptek végrehajtását”);
>);
A jQuery () függvény egy alias $ (). Az alias, akkor tudja kezelni az eseményt a következő.
$ (Document) .ready (function ()
alert ( „A dokumentum áll rendelkezésre szkriptek végrehajtását”);
>);
Ha a paraméter függvényében j Query () jelzi egy linket a funkciót, akkor is el kell végezni után azonnal szerkezetét képező dokumentum.
jQuery (funkció ()
alert ( „A dokumentum áll rendelkezésre szkriptek végrehajtását”);
>);
Ez a kód lehet tovább csökkenteni.
$ (Function ()
alert ( „A dokumentum áll rendelkezésre szkriptek végrehajtását”);
>);
Tekintsük az események példaként. Ehhez hozzon létre egy HTML-dokumentumot, és kijelentik, több módszer kész (), valamint kezeli az esemény onload (tőzsdei 1,1).
Listing 1.1.
A sorozat esemény feldolgozása
Amikor futtatja a példa lesz a következő eseménysorozatot.
kész () módszer. hívjon 1
kész () módszer. hívjon 2
Függvényhívás $ ()
onload esemény
konfliktusok kezelése
Mint már tudjuk, jQuery () függvény egy alias $ (). Néhány más könyvtárak (pl Prototype) is kijelentette $ () függvény. Ha egyidejű használata ezekben a könyvtárakban, a neve konfliktus lép fel. jQuery könyvtár lehetővé teszi, hogy elkerüljék ezt a konfliktust. Ehhez először meg kell csatlakoztatni az ütköző könyvtár, majd a jQuery könyvtár. Közvetlenül azután, hogy kapcsolatot kell okozhat noConflict funkció () jQuery.noConflict () .;
Ebben az esetben a jQuery könyvtár felszabadítja a $ (), hogy egy másik könyvtárat.
Ha a függvény eredménye noConflict () rendelni egy változó, a neve helyett használható a $ () függvény (lásd Listing 1.2).
Listing 1.2.
Feldolgozás konfliktus nevek
Ebben a példában azt értelmezi, hogy a noConflict () függvény változó JQ.
Most már tudod használni ezt a nevet, mint a neve a funkció,
JQ ( "# divl") html ( "jQuery könyvtár példa alkalmazásával.");
Ha az eredmény nem tárolja sehol, a kezelés az alábbiak szerint.
jQuery ( "# divl") .html ( "jQuery könyvtár alkalmazási példa");
Használja $ () függvény, ebben az esetben nem lehet / a függvényt hívjuk egy másik könyvtárba. Ha kell használni a $ () jQuery könyvtár, lehetséges, hogy folytassa a következő.
(Funkció ($)
$ ( "# Divl") html ( "jQuery könyvtár Alkalmazási példa.");
>) (JQuery);
Ez a módszer általában használják, amikor létrehozásakor bővítmények (plug-inek). Ön is használja a következő kódot.
jQuery (function ($)
$ ( "# Divl") html ( "jQuery könyvtár Alkalmazási példa.");
>);
Az alapvető funkciók a jQuery könyvtár jQuery ellátja a funkcióját (), melyre egy álnév $ (). Csak ezek a azonosítók, hogy rendelkezésre állnak a globális környezetben. Minden más funkciók találhatók a területen a jQuery könyvtár nevét. $ () Függvény támogatja a több formátumot:
Ha a paraméter határozza meg a funkciót, akkor azonnal végrehajtható kialakítása után a szerkezet a dokumentumot.
$ (Function ()
alert ( „A dokumentum áll rendelkezésre szkriptek végrehajtását”);
>);
A második funkció lehetővé teszi, hogy meghatározza a méret egy elem a dokumentum objektum modell. Példaként határozzuk meg a háttér színét a teljes dokumentumot letöltés után:
A harmadik funkció a formátum lehetővé teszi, hogy új elemeket, amelyeket ezután illeszteni egy adott helyen a HTML-dokumentum. Nézzük a példát (tőzsdei 1.3).
Listing 1.3.
HTML-szöveget paraméterként pedig a $ ()
Ügyeljen arra, hogy a következő sorban.
$ ( "
Itt vagyunk a $ () alkotják a HTML-szöveget, majd appendTo () metódus, hogy beillessze azt követően taggal divL azonosítót (id = „divl”).
Amikor a get egy böngészőben az alábbi eredményt.
A következő fejezetben azt vizsgáljuk választókat.