Ce este jquery
Ce este jQuery
La început se uite la ceea ce este exact jQuery?
De-a lungul anilor, biblioteca a suferit numeroase modificări, iar ziua curentă conține funcționalitate, care este utilă pentru cea mai largă gamă de aplicații. Ea are o dimensiune mică (de exemplu, dimensiunea redusă la minimum 55,9 KB și Versiune 19 KB comprimat Versiune) și nu poluează la nivel global namespace identificatorii triviale.
Document.getElementByld ( "divl") innerHTML = "text nou.";
pe codul jQuery care efectuează aceeași acțiune va fi pe jumătate atâta timp.
O altă trăsătură distinctivă a bibliotecii jQuery este abilitatea de a face un lanț de apeluri de metode, deoarece cele mai multe metode de jQuery returnează un obiect cu care puteți face alte manipulări.
$ ( "# Message") // obține o referință la elementul cu id = mesaj
.html ( „Mesaj“) // Modificarea textului din interiorul elementului
.părinte () // Ia-o referire la elementul părinte
.ESS ( "culoare de fundal", "# fff4dd") // Zadalitsvetfona
.lățime (300) // Lățime
.înălțime (200) // Inaltime
// afișează lin elementele din cauza modificărilor de transparență
.fadeln (3000);
jQuery bibliotecă nu este lăsat nesupravegheat și tehnologia AJAX, vă permite să facă schimb de date cu serverul fără a reîncărca pagina web. În capitolul 10, vom explora proprietățile de bază și metodele obiectului XMLHttpRequest, iar capitolul 11 se va lua în considerare o interfață foarte ușor de bibliotecă AJAX, jQuery furnizate.
Datorită versatilității sale jQuery biblioteca va fi util pentru aproape orice dezvoltator. Este potrivit pentru incepatori, deoarece permite să uite problema cu app cross-browser (a lansat un nou brauzer- web a schimbat versiunea sa a bibliotecii și totul funcționează din nou). Biblioteca este ideal pentru profesioniști, deoarece permite reducerea codul de cel puțin trei ori. Și acest lucru la rândul său, va scrie un cod foarte complex, cu un efort minim și o pierdere de timp.
În această carte, se presupune că toate fișierele discutate sunt salvate în format UTF-8. Deci, înainte de a explora posibilitățile bibliotecii jQuery, ce ia în considerare UTF-8 este diferit de celelalte seturi de caractere și modul în care pentru a salva fișierul în această codificare.
Toate caracterele pe care le vedem pe ecranul monitorului în interiorul calculatorului sunt stocate sub formă de numere. Fiecare simbol corespunde unui anumit număr (cod caractere). Pentru a răspunde la întrebarea, cum ar trebui să arate caracterul reprezentat de un cod specific, tabele de corespondență sunt numite codificare. Codificarea poate fi singur și multi-octet.
Codificarea caracterelor pe un singur octet este codificat de un singur octet. Primele 7 biți permite 128 de caractere ASCII codul corespunzător. Unele dintre aceste caractere includ numere, litere ale alfabetului, semne de punctuație, și unele caractere speciale (cum ar fi NEWLINE, tab, etc.).
Codurile acestor caractere sunt aceleași în aproape toate codificări de un singur octet. Opt biți pentru codificare simboluri ale alfabete naționale. Astfel, codificările singur octet permite să codifice toate 256 de caractere. Pentru a codifica limba română a dezvoltat cinci litere codificări - ferestre-1251 (sr1251), sr866, iso8859-5, KOI8-R și-mac chirilic. Dificultatea constă în faptul că codul este aceleași litere rusești în aceste codificări pot fi diferite. Din acest motiv, apar multe probleme.
În codarea UTF-8 un simbol poate fi codificat în mai multe octeți. Primele 128 de caractere corespund caractere ASCII și sunt codificate cu un singur octet. Caracterele rămase sunt codificate de un număr variabil de octeți - la doi la șase (pe praktike- până la patru).
scrisori românești ale alfabetului și alte limbi europene sunt codificate în două octeți. Cu alte cuvinte, codificarea UTF-8 permite de caractere pentru a codifica toate alfabetele existente și este capabil să înlocuiască toate codurile dintr-o dată. Site-ul poate fi în limba rusă sau oricare alta, și codificare va fi la fel. Această codificare vom folosi.
Când salvați un fișier în format UTF-8 ar trebui să se țină seama de faptul că utilizarea aplicației Notepad pentru acest lucru este imposibil, după cum va fi inserat în caractere speciale, numit BOM abreviată (Byte Order Mark, un semn de ordine octet) la salvarea la începutul fișierului. Pentru codificarea UTF-8, aceste caractere sunt opționale și nu ne va permite, în viitor, de exemplu, setați anteturile răspuns de la server. Pentru a lucra cu codificare UTF-8, trebuie să instalați un program de calculator Notepad ++.
Faptul că vom folosi codificarea UTF-8, nu înseamnă că biblioteca jQuery poate lucra numai cu această codificare. În proiectele noastre, puteți utiliza orice altă codificare. Cu toate acestea, trebuie amintit că implicit cererile AJAX sunt codificate în format UTF-8. Dacă utilizați alte codificări trebuie să efectueze transcodare.
Conectarea bibliotecii jQuery
Sam script-ul tag-ul ar trebui să fie plasat în secțiunea HEAD documentul HTML.
Determinarea documentului este gata
De obicei, cea mai mare parte a acțiunii efectuate pe elementele HTML documentului. Din acest motiv, aveți nevoie pentru a rula script-uri numai atunci când este încărcat documentul. Fără biblioteca jQuery în acest scop, se utilizează, de obicei, evenimentul onload al ferestrei.
window.onload = function ()
alert ( "document complet încărcat");
>
Cu toate acestea, acest eveniment are loc numai după o descărcare completă a HTML-document, precum și toate celelalte elemente, cum ar fi imagini. Încărcați imagini (sau bannere cu un alt domeniu) poate dura ceva timp, pe parcursul căreia executarea de script-uri așa cum îngheață.
jQuery bibliotecă ne salvează de la pierderea de timp și oferă posibilitatea de a executa script-uri, imediat după formarea structurii documentului, fără a aștepta descărcarea altor elemente. Manipulați acest eveniment puteți utiliza gata metoda ().
jQuery (documentul) .ready (funcția ()
alert ( „Documentul este disponibil pentru executarea de script-uri“);
>);
funcția jQuery () este un alias $ (). Folosind alias-ul, aveți posibilitatea să se ocupe de eveniment, după cum urmează.
$ (Document) .ready (funcția ()
alert ( „Documentul este disponibil pentru executarea de script-uri“);
>);
În cazul în care în funcție de parametrul j Query () indică o legătură cu funcție, aceasta va fi, de asemenea, efectuată imediat după formarea structurii documentului.
jQuery (funcția ()
alert ( „Documentul este disponibil pentru executarea de script-uri“);
>);
Acest cod poate fi redus în continuare.
$ (Function ()
alert ( „Documentul este disponibil pentru executarea de script-uri“);
>);
Luați în considerare succesiunea de evenimente ca un exemplu. Pentru a face acest lucru, creați un document HTML și să declare mai multe metode gata (), precum se ocupe de onLoad eveniment (listarea 1.1).
Listarea 1.1.
Secvența de procesare a evenimentului
Când executați acest exemplu va avea următoarea succesiune de evenimente.
gata metoda (). Apel 1
gata metoda (). Apel 2
Funcția $ apel ()
eveniment onload
Manipularea conflictelor
După cum știți deja, funcția jQuery () este un alias $ (). În alte biblioteci (de exemplu, de prototip) a declarat, de asemenea, $) funcția (. Dacă utilizarea simultană a acestor biblioteci, apare conflictul de nume. jQuery bibliotecă vă permite să evite acest conflict. Pentru a face acest lucru, trebuie să vă conectați mai întâi biblioteca în conflict, iar apoi biblioteca jQuery. Imediat după conectarea ar trebui să determine funcția noConflict () jQuery.noConflict () .;
În acest caz, biblioteca jQuery va elibera $ () pentru a utiliza o altă bibliotecă.
În cazul în care noConflict rezultatul funcției () pentru a atribui o variabilă, numele său poate fi utilizat în locul funcției $ () (a se vedea Listarea 1.2).
Listarea 1.2.
Procesarea unui conflict de nume
În acest exemplu, vom atribui rezultatul noConflict () JQ funcție variabilă.
Acum puteți folosi acest nume ca numele funcției,
jq ( "# divl") html ( "jQuery bibliotecă folosind Exemplu.");
În cazul în care rezultatul nu este stocat oriunde, tratamentul este după cum urmează.
jQuery ( "# divl") .html ( "bibliotecă jQuery Exemplu de utilizare");
Utilizați funcția $ (), în acest caz, nu poate fi / ca funcția este apelată dintr-o altă bibliotecă. Dacă trebuie să utilizați $ () pentru bibliotecă jQuery, este posibil să se procedeze după cum urmează.
(Funcția ($)
$ ( "# Divl") html ( "jQuery Exemplu biblioteca de utilizare.");
>) (JQuery);
Această metodă este utilizată de obicei atunci când crearea de extensii (plug-in-uri). Puteți utiliza, de asemenea, următorul cod.
jQuery (funcția ($)
$ ( "# Divl") html ( "jQuery Exemplu biblioteca de utilizare.");
>);
Funcționalitatea de bază a bibliotecii jQuery jQuery îndeplinește funcția (), care are un alias $ (). Acestea sunt singurele identificatori care sunt disponibile în domeniul de aplicare la nivel mondial. Toate celelalte funcții sunt situate în zona numele bibliotecii jQuery. $ () Funcția acceptă mai multe formate:
Dacă parametrul specificați o funcție, aceasta este executată imediat după formarea structurii documentului.
$ (Function ()
alert ( „Documentul este disponibil pentru executarea de script-uri“);
>);
A doua funcție vă permite să specificați formatul unui element al modelului obiectului documentului. Ca un exemplu, vom defini o culoare de fundal pentru întregul document după descărcare:
A treia funcție a formatului vă permite să creați elemente noi, care pot fi introduse apoi într-o locație specifică în documentul HTML. Să considerăm exemplul (listare 1.3).
Listarea 1.3.
HTML text ca parametru la funcția $ ()
Acordați atenție la linia următoare.
$ ( "
Aici suntem în $ () formează HTML-text, și apoi utilizați appendTo metoda () pentru al insera după un identificator divL membru având (id = „divl“).
Când intra în un browser web următoarele rezultate.
În capitolul următor vom explora selectori.