JQuery: conectați-vă la o pagină Web
jQuery este o bibliotecă jаvascript care se concentrează pe lucrul interconectat dintre HTML, jаvascript și CSS.
conținut
Ce este capabil de jQuery
Biblioteca poate lucra cu următoarea listă de sarcini:
- este capabil să execute referința la absolut orice element al modelului obiect al paginii (DOM) și să efectueze manipulări complexe cu acestea;
- procesarea evenimentelor este acceptată;
- Există o funcție funcțională pentru diverse efecte grafice și animație;
- lucrul simplificat cu tehnologia de încărcare dinamică AJAX (funcția este foarte importantă și extrem de utilă, dar nu acum);
- jQuery are propriile plug-in-uri într-o cantitate imensă, principala funcție a căreia este de a implementa interfețe grafice ușor de utilizat și interacțiunea cu utilizatorii.
Versiuni comprimate și necomprimate ale bibliotecii
Dezvoltatorii sunt disponibili mai multe opțiuni pentru script - una supusă compresiei, cealaltă nu este. O versiune completă este foarte convenabilă pentru a fi utilizată în stadiul de codare și depanare (testarea) aplicațiilor web. Versiunea minimalizată, dimpotrivă, va avea puține avantaje utile în timpul depanării, dar este încărcată mai des și ocupă mai puțin spațiu. Astfel, o versiune comprimată a jQuery este recomandată să se utilizeze deja în proiectul finit, deoarece salvează traficul serverului și spațiul de pe disc.
Cum de a alege versiunea corectă a jQuery
Astăzi, există mai multe domenii-cheie în jQuery - această ramură versiunile 1.x, 2.x și 3.x. Diferența lor frapant este faptul că, din moment ce a doua versiune a fost întreruptă orice browsere mai vechi de sprijin, cum ar fi browser-ul de corporație „Microsoft“ - „Internet Explorer“, până la și inclusiv a opta versiune.
O astfel de soluție a făcut posibilă reducerea numărului fizicbdatele din bibliotecă cu zece procente și optimizarea activității sale puțin. Cu toate acestea, există încă calculatoare de acasă și corporații în lume, unde vechiul Internet Explorer este instalat ca browser principal, deși procentul acestor utilizatori nu depășește 3% în întreaga lume. Prin urmare, pentru a sprijini o platformă depășită sau nu - vă decideți.
Dezvoltatorii jQuery respectă principiile compatibilității versiunilor înapoi. Aceasta înseamnă că codul scris pentru versiunea 1.7 a bibliotecii va funcționa și cu versiunea 1.8. Dar, uneori, dezvoltatorul elimină cele mai puțin utile funcții din jQuery, deci este mai bine să citiți documentația pentru noua versiune dacă vreți să faceți upgrade.
În 2016, a fost lansată o nouă filială a jQuery. A devenit versiunea 3.0, care a devenit mai rapidă și mai ușoară decât versiunile mai vechi. Din aceasta, hack-urile au fost în cele din urmă eliminate pentru a implementa anumite funcții în browserele învechite, ceea ce a permis bibliotecii să fie poziționată ca un instrument de dezvoltare modern și puternic.
Dacă proiectul dvs. este deja legat de o bibliotecă, atunci prima estimare a costurilor forței de muncă pentru actualizare. În cazul în care beneficiul obținut din noua versiune va fi acela - începeți munca în condiții de siguranță. Toți dezvoltatorii care încep să utilizeze instrumentul în proiectele lor, este recomandabil să începeți direct cu cele mai recente versiuni.
Cum să începeți cu jQuery
Primul pas este conectarea la jQuery. Pentru a face acest lucru, trebuie să descărcați direct biblioteca de la resursa dezvoltatorului jquery.com sau din oglindă și să puneți biblioteca pe serverul dvs. web.
Acum, hai să facem conexiunea jQuery la pagina web. Eticheta de script este utilizată pentru a conecta diferite scripturi în limbajul de marcare hipertext. Să conectăm jQuery folosind următorul cod:
Această opțiune este potrivită pentru conexiunea offline, însă există multe alte modalități de utilizare a serverului.
Conectarea jQuery cu serviciile cloud
Google oferă un serviciu de librării găzduite, prin care oricine poate conecta un cadru sau o bibliotecă populară la aplicația lor web. Pentru a conecta jQuery prin Google Cloud Storage, utilizați linia care corespunde versiunii selectate astfel:
Numerele din coloana versiunilor corespund numărului de versiune, care este disponibil pentru instalare și lucrează în continuare cu acesta. Pentru a conecta oricare dintre versiunile intermediare, copiați numărul numeric la șirul de conexiune în locul numerelor specificate în exemplu.
Vizualizați lista versiunilor curente la care puteți accesa întotdeauna:
https://developers.google.com/speed/libraries/#jquery
Dacă din anumite motive nu au încredere în Google Inc, dar încă mai doresc să știe cum să se conecteze la biblioteca jQuery cu un server de încredere terță parte, depozitarea, utilizarea de „Microsoft“.
jQuery este unul dintre cele mai bune instrumente pentru crearea ușoară a animațiilor pe paginile web. După ce vă dați seama de puterea acestui instrument, veți fi foarte fericiți că ați început să studiați o bibliotecă similară.
Scepticii printre studenți și dezvoltatori cred că este mai bine să vândă totul cu o limbă pură, fără a utiliza biblioteci terțe părți. Dar noi trebuie să înțelegem că fișierul jQuery durează doar treizeci și doi kilobytes, și, probabil, deja în cache-ul browser-ul utilizatorului, dacă vă conectați un script prin intermediul Google. Deci, nu vă fie frică să înveți instrumente care fac viața mai ușoară pentru dezvoltator. La urma urmei, ne conectam si biblioteca jQuery - sa nu reinventeze roata.
- Ce este jаvascript? Istoria aspectului și principalele caracteristici
- Cum se face o listă drop-down în HTML
- Biblioteca JQuery: glisoare pentru site-ul dvs.
- Ce este necesar și cum este scris selectorul jQuery?
- Modal fereastră jQuery - ce aveți nevoie și cum să instalați
- Ajax sunt exemple. Scripturi Ajax
- jаvascript: exemple de aplicații
- Stack-ul / pop-ul jаvascript Stack
- Funcția de gestionare a timpului jаvascript setInterval ()
- jаvascript expresiv: descrierea caracteristicilor
- Utilizarea elementelor DOM prin jаvascript getElementById
- Folosind funcția jаvascript setTimeout ()
- Cum se activează jаvascript în Google Chrome și în alte browsere
- Sfat util: Caracteristici și moduri de creare
- Fereastra pop-up jQuery, informații generale despre crearea
- Utilizarea alertei jаvascript ()
- Manipularea de caractere: Substringul metodei jаvascript ()
- Utilizarea metodei jаvascript replace ()
- Exemplu de jQuery. Exemple simple de script-uri pe jQuery
- Exemple de utilizare a metodei lungimii jаvascript
- Semnificația și utilizarea vocii jаvascript