JQuery

Versiunea actuală a paginii nu a fost încă examinată de colaboratori experimentați și poate diferi semnificativ de versiunea revizuită la 25 iulie 2021; verificările necesită 9 modificări .

jQuery
Tip de JavaScript - bibliotecă
Dezvoltator John Resig
Scris in JavaScript [3]
Sistem de operare multiplatformă
Prima editie ianuarie 2006
ultima versiune
Licență Licență MIT
Site-ul web jquery.com _ 
_
 Fișiere media la Wikimedia Commons

jQuery ( [dʒeɪ kwɪəri] ) este un set de caracteristici JavaScript care se concentrează pe interacțiunea dintre JavaScript și HTML . Biblioteca jQuery facilitează accesul oricărui element DOM , accesarea atributelor și conținutul elementelor DOM și manipularea acestora. Biblioteca jQuery oferă, de asemenea, un API convenabil pentru lucrul cu AJAX . jQuery este dezvoltat de o echipă de voluntari donați [4] .

Istoricul creației

HTML a fost unul dintre primele lucruri pe care John Resig le- a învățat când a început să programeze. Resig programa în QBasic când o cunoștință i-a arătat cum să creeze o pagină web (folosind Angelfire), precum și elementele de bază ale HTML. Tatăl său i-a dat două cărți HTML de Crăciun. Când a început să programeze în Visual Basic , HTML și designul web l-au atras foarte mult.

Dar pasiunea pentru JavaScript a venit mult mai târziu, în jurul anului 2004. Apoi, Resig urma o diplomă în informatică și lucra cu jumătate de normă la o firmă locală, Brand Logic. El a fost implicat în proiectarea site-ului, care a creat derulare personalizată . John a fost frustrat și frustrat, mai ales că a folosit cod de la alți dezvoltatori, după care a decis să studieze serios JavaScript. După ce am studiat, am ajuns la concluzia că JavaScript este un limbaj simplu, dar elegant, incredibil de puternic pentru rezolvarea multor probleme. În următorii câțiva ani, John a creat multe aplicații JavaScript diferite înainte de a termina jQuery. Scopul principal al lui Resig în crearea jQuery a fost să poată codifica bucăți de cod reutilizabile care să simplifice JavaScript și să le folosească într-un mod care să nu fie nevoit să-și facă griji cu privire la problemele între browsere. Biblioteca a fost prezentată publicului la conferința de computere BarCamp din 2006 din New York .

Caracteristici

Filosofie

La fel cum CSS separă randarea de structura HTML, jQuery separă comportamentul de structura HTML. De exemplu, în loc să indice direct către un handler de evenimente clic al unui buton, controlul este transmis către JQuery, care identifică butoanele și apoi îl convertește într-un handler de evenimente clic. Această separare a comportamentului și a structurii este numită și principiul JavaScript discret .

Biblioteca jQuery conține funcționalități utile pentru cea mai largă gamă posibilă de sarcini. Cu toate acestea, nu era scopul dezvoltatorilor de biblioteci să combine funcții în jQuery care să se potrivească peste tot, deoarece acest lucru ar duce la o mulțime de cod, dintre care majoritatea nu este necesar. Prin urmare, a fost implementată arhitectura nucleului universal compact al bibliotecii și plug-in-urilor [6] . Acest lucru vă permite să colectați pentru resursă exact funcționalitatea JavaScript care ar fi solicitată pentru aceasta.

Utilizare

jQuery este de obicei inclus într-o pagină web ca un singur fișier JavaScript extern:

< head > <!-- Prima metodă - de la serverul local --> < script src = "jquery-3.5.1.min.js" > </ script > <!-- A doua metodă - de la jquery server .com sau altul CDN --> < script src = "https://code.jquery.com/jquery-3.5.1.min.js" > </ script > </ head >

Toate lucrările cu jQuery se fac folosind $. Dacă site-ul folosește alte biblioteci JavaScript unde $poate fi folosit pentru nevoile dvs., atunci puteți utiliza sinonimul său - jQuery. A doua metodă este considerată mai corectă și, pentru ca codul să nu se dovedească prea greoi, îl puteți scrie după cum urmează:

jQuery ( funcția ( $ ) { // codul de script aici, unde $ va conține un obiect care oferă acces la funcțiile jQuery })

Lucrul cu jQuery poate fi împărțit în 2 tipuri:

  • Obținerea unui obiect jQuery folosind $(). De exemplu, trecându-i un selector CSS, puteți obține un obiect jQuery din toate elementele HTML care se încadrează în criteriu și apoi puteți lucra cu ele folosind diferite metode ale obiectului jQuery. Dacă metoda nu ar trebui să returneze nicio valoare, returnează o referință la obiectul jQuery, care vă permite să înlănțuiți apelurile de metodă conform conceptului de interfață fluidă .
  • Apelarea metodelor globale pe obiect $, de exemplu, iteratoare de matrice convenabile.

Un exemplu tipic de manipulare a mai multor noduri DOM simultan este apelarea unei funcții cu un $șir selector CSS , care returnează un obiect jQuery care conține un număr de elemente de pagină HTML. Aceste elemente sunt apoi procesate prin metode jQuery. De exemplu,

$ ( "div.test" ). adaugă ( "p.quote" ). addClass ( "albastru" ). slideDown ( "lent" );

găsește toate elementele div cu test de clasă , precum și toate elementele p cu citatul de clasă , apoi adaugă la toate elementele albastru de clasă și glisează vizual în jos. Aici metodele add , addClass și slideDown returnează o referință la obiectul original $("div.test") , deci este posibil să se înlănțească astfel.

Metodele care încep cu $.sunt utile pentru manipularea obiectelor globale. De exemplu:

$ . fiecare ([ 1 , 2 , 3 ], function () { document . write ( this + 1 ); });

va adăuga la pagină 234.

$.ajaxși funcțiile corespunzătoare vă permit să utilizați metode AJAX . De exemplu:

$ . ajax ({ type : „POST” , url : „some.php” , date : { nume : „John” , locație : „Boston” }, succes : funcție ( msg ){ alert ( „Date salvate: „ + msg ) ; } });

În acest exemplu, scriptul este apelat some.phpcu parametri name=John&location=Boston, iar rezultatul este returnat într-un mesaj prin intermediul alert().

Un exemplu de adăugare a unui handler de evenimente clic la un element folosind jQuery:

$ ( "a" ). faceți clic pe ( funcție () { alertă ( „Bună ziua!” ); });

În acest caz, când se face clic pe elementul <a>, alert("Hello world!").

Integrare cu alte produse

Pe 28 septembrie 2008, blogul oficial jQuery [7] a anunțat că Microsoft și Nokia vor colabora cu un grup de dezvoltatori. Microsoft va integra listele și exemplele de cod jQuery în produsul său ASP.NET , iar Nokia va integra jQuery pentru widget-urile sale mobile.

Echipa de dezvoltare

Lucrările la bibliotecă sunt împărțite în 5 grupe:

Echipe Descriere Membrii
Dezvoltare Responsabil de conținutul bibliotecii (dezvoltare, testare, documentare etc.).
  • John Resig
  • Brandon Aaron
  • Ariel Flesler
  • Jorn Zaefferer
  • CyberMerlin
relatii cu publicul Responsabil de relatii publice.
  • Rey Bango
  • Karl Swedberg
  • Cody Lindley
jQuery UI Dezvoltarea și întreținerea jQuery UI [8] .
  • Paul Bakaus
  • Richard D Worth
  • Scott Gonzalez
  • Todd Parker
  • și altele [9]
pluginuri Persoane responsabile cu dezvoltarea pluginurilor
  • Yehuda Katz
  • Klaus Hartl
  • Mike Alsup
designeri web Responsabil de proiectarea și întreținerea site-ului jQuery [10] .
  • Scott Jehl
  • Mike Hostetler

Vezi și

Note

  1. ↑ https://blog.jquery.com/2022/08/26/jquery-3-6-1-maintenance-release/
  2. ↑ Versiunea de întreținere - 2022.
  3. ↑ Proiectul jQuery Open Source pe Open Hub: Pagina de limbi - 2006.
  4. ↑ Echipa jQuery . Preluat la 21 august 2018. Arhivat din original la 19 august 2018.
  5. ↑ Sizzle este un motor de selecție CSS pentru browsere încrucișate . Consultat la 22 noiembrie 2010. Arhivat din original la 18 noiembrie 2020.
  6. ↑ Ber Bibo, Yehuda Katz. 1.3.5 Extensia jQuery // jQuery. Un ghid detaliat pentru JavaScript avansat = jQuery in Action. - Sankt Petersburg. : Simbol-Plus, 2009. - 384 p. - 2000 de exemplare.  - ISBN 978-5-93286-135-6 , 5-93286-135-5, 1-933988-35-5.
  7. ↑ Blogul oficial jQuery (link în jos) . Arhivat din original pe 6 august 2012. 
  8. ↑ Pagina oficială jQuery UI (downlink) . Consultat la 3 iunie 2009. Arhivat din original pe 29 februarie 2012. 
  9. ↑ Lista completă a colaboratorilor jQuery UI (link descendent) . Consultat la 3 iunie 2009. Arhivat din original pe 29 februarie 2012. 
  10. ↑ Pagina oficială jQuery (link în jos) . Consultat la 3 iunie 2009. Arhivat din original pe 29 februarie 2012. 

Literatură

  • Adam Freeman. jQuery pentru profesioniști = Pro jQuery. - M. : „Williams”, 2012. - 960 p. — ISBN 978-5-8459-1799-7 .
  • Jason Langstorf. PHP și jQuery pentru profesioniști = Pro PHP și jQuery. - M. : „Williams”, 2010. - S. 352. - ISBN 978-5-8459-1693-8 .
  • Samkov G. jQuery. Culegere de retete. - Sankt Petersburg. : BHV-Petersburg, 2010. - P. 416. - ISBN 978-5-9775-0495-9 .

Link -uri