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.

$ ( "

> Beszúrva szövege
") AppendTo (." #divl „);

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.