JQuery

Den aktuella versionen av sidan har ännu inte granskats av erfarna bidragsgivare och kan skilja sig väsentligt från versionen som granskades den 25 juli 2021; kontroller kräver 9 redigeringar .

jQuery
Sorts JavaScript - bibliotek
Utvecklaren John Resig
Skrivet i JavaScript [3]
Operativ system plattformsoberoende
Första upplagan januari 2006
senaste versionen
Licens MIT-licens
Hemsida jquery.com _ 
_
 Mediafiler på Wikimedia Commons

jQuery ( [dʒeɪ kwɪəri] ) är en JavaScript-funktionsuppsättning som fokuserar på interaktionen mellan JavaScript och HTML . jQuery-biblioteket gör det enkelt att komma åt alla DOM- element , komma åt attributen och innehållet i DOM-element och manipulera dem. jQuery-biblioteket tillhandahåller också ett bekvämt API för att arbeta med AJAX . jQuery utvecklas av ett team av donerade volontärer [4] .

Skapande historia

HTML var en av de första sakerna John Resig lärde sig när han först började programmera. Resig programmerade i QBasic när en bekant visade honom hur man skapar en webbsida (med Angelfire) samt grunderna i HTML. Hans pappa gav honom två HTML-böcker till jul. Det var när han först började programmera i Visual Basic som HTML och webbdesign gjorde honom mycket intresserad.

Men passionen för JavaScript kom mycket senare, runt 2004. Resig tog då en examen i datavetenskap och arbetade deltid på ett lokalt företag, Brand Logic. Han var involverad i designen av webbplatsen, vilket skapade anpassad rullning . John var frustrerad och frustrerad, särskilt för att han använde kod från andra utvecklare, varefter han bestämde sig för att på allvar studera JavaScript. Efter att ha studerat kom jag till slutsatsen att JavaScript är ett enkelt men elegant språk, otroligt kraftfullt för att lösa många problem. Under de kommande åren skapade John många olika JavaScript-applikationer innan han avslutade jQuery. Resigs huvudmål med att skapa jQuery var att kunna koda återanvändbara kodbitar som skulle förenkla JavaScript och använda dem på ett sätt som inte behövde oroa sig för problem med flera webbläsare. Biblioteket presenterades för allmänheten vid BarCamps datorkonferens 2006 i New York .

Funktioner

Filosofi

Precis som CSS skiljer rendering från HTML-struktur, skiljer jQuery beteende från HTML-struktur. Till exempel, istället för att direkt peka på en knapps klickhändelsehanterare, skickas kontrollen till JQuery, som identifierar knapparna och sedan konverterar den till en klickhändelsehanterare. Denna separation av beteende och struktur kallas också den diskreta JavaScript- principen .

jQuery-biblioteket innehåller funktionalitet som är användbar för största möjliga utbud av uppgifter. Det var dock inte biblioteksutvecklarnas mål att kombinera funktioner i jQuery som skulle passa överallt, eftersom det skulle leda till mycket kod, varav det mesta inte krävs. Därför implementerades arkitekturen för den kompakta universella kärnan av biblioteket och plugin-program [6] . Detta gör att du kan samla in exakt den JavaScript-funktionalitet som efterfrågas för resursen.

Användning

jQuery ingår vanligtvis i en webbsida som en enda extern JavaScript-fil:

< head > <!-- 1:a metoden - från lokal server --> < script src = "jquery-3.5.1.min.js" > </ script > <!-- 2:a metoden - från jquery-servern .com eller annan CDN --> < script src = "https://code.jquery.com/jquery-3.5.1.min.js" > </ script > </ head >

Allt arbete med jQuery görs med hjälp av $. Om webbplatsen använder andra JavaScript-bibliotek där den $kan användas för dina behov, kan du använda dess synonym - jQuery. Den andra metoden anses vara mer korrekt, och för att koden inte ska visa sig vara för besvärlig kan du skriva den så här:

jQuery ( funktion ( $ ) { // skriptkod här, där $ kommer att innehålla ett objekt som ger åtkomst till jQuery-funktioner })

Att arbeta med jQuery kan delas in i två typer:

  • Få ett jQuery-objekt med hjälp av $(). Genom att till exempel skicka en CSS-väljare till den kan du få ett jQuery-objekt av alla HTML-element som faller under kriteriet och sedan arbeta med dem med olika metoder för jQuery-objektet. Om metoden inte skulle returnera något värde, returnerar den en referens till jQuery-objektet, vilket låter dig kedja metodanrop enligt konceptet med ett flytande gränssnitt .
  • Anropa globala metoder på objektet $, till exempel bekväma array -iteratorer .

Ett typiskt exempel på att manipulera flera DOM-noder samtidigt är att anropa en funktion med en CSS$ -väljarsträng , som returnerar ett jQuery- objekt som innehåller ett antal HTML-sidelement. Dessa element bearbetas sedan med jQuery-metoder. Till exempel,

$ ( "div.test" ). lägg till ( "s.citat" ). addClass ( "blå" ). slideDown ( "långsam" );

hittar alla div -element med klasstest , samt alla p -element med klasscitat , och lägger sedan till klassblått till dem alla och glider visuellt nedåt. Här returnerar metoderna add , addClass och slideDown en referens till det ursprungliga objektet $("div.test") , så det är möjligt att kedja så här.

Metoder som börjar med $.är användbara för att hantera globala objekt. Till exempel:

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

kommer att lägga till på sidan 234.

$.ajaxoch motsvarande funktioner låter dig använda AJAX - metoder . Till exempel:

$ . ajax ({ typ : "POST" , url : "some.php" , data : { name : 'John' , plats : 'Boston' }, success : function ( msg ){ alert ( "Data Saved: " + msg ) ; } });

I det här exemplet anropas skriptet some.phpmed parametrar name=John&location=Bostonoch resultatet returneras i ett meddelande via alert().

Ett exempel på att lägga till en klickhändelsehanterare till ett element med jQuery:

$ ( "a" ). klicka ( funktion () { alert ( "Hej världen!" ); });

I det här fallet, när <a>-elementet klickas, visas alert("Hello world!").

Integration med andra produkter

Den 28 september 2008 meddelade den officiella jQuery-bloggen [7] att Microsoft och Nokia kommer att samarbeta med en grupp utvecklare. Microsoft kommer att integrera jQuery-kodlistor och exempel i sin ASP.NET -produkt , och Nokia kommer att integrera jQuery för sina mobila widgets.

Utvecklingsteam

Arbetet med biblioteket är indelat i 5 grupper:

Lag Beskrivning Medlemmar
Utveckling Ansvarig för innehållet i biblioteket (utveckling, testning, dokumentation etc.).
  • John Resig
  • Brandon Aaron
  • Ariel Flesler
  • Jorn Zaefferer
  • CyberMerlin
PR Ansvarig för PR.
  • Rey Bango
  • Karl Swedberg
  • Cody Lindley
jQuery UI Utveckling och underhåll av jQuery UI [8] .
  • Paul Bakaus
  • Richard D Worth
  • Scott Gonzalez
  • Todd Parker
  • och andra [9]
plugins Personer som ansvarar för utveckling av plugin
  • Yehuda Katz
  • Klaus Hartl
  • Mike Alsup
webbdesigners Ansvarig för design och underhåll av jQuery-sajten [10] .
  • Scott Jehl
  • Mike Hostetler

Se även

Anteckningar

  1. ↑ https://blog.jquery.com/2022/08/26/jquery-3-6-1-maintenance-release/
  2. ↑ Underhållsversion - 2022.
  3. ↑ jQuery Open Source-projektet på Open Hub: Languages-sidan - 2006.
  4. ↑ jQuery-teamet . Hämtad 21 augusti 2018. Arkiverad från originalet 19 augusti 2018.
  5. ↑ Sizzle är en CSS-väljarmotor för flera webbläsare . Hämtad 22 november 2010. Arkiverad från originalet 18 november 2020.
  6. ↑ Ber Bibo, Yehuda Katz. 1.3.5 Tillägget jQuery // jQuery. En detaljerad guide till avancerad JavaScript = jQuery in Action. - St Petersburg. : Symbol-Plus, 2009. - 384 sid. - 2000 exemplar.  - ISBN 978-5-93286-135-6 , 5-93286-135-5, 1-933988-35-5.
  7. ↑ Officiell jQuery-blogg (nedlänk) . Arkiverad från originalet den 6 augusti 2012. 
  8. ↑ Officiell sida för jQuery UI (nedlänk) . Hämtad 3 juni 2009. Arkiverad från originalet 29 februari 2012. 
  9. ↑ Fullständig lista över bidragsgivare till jQuery UI (nedlänk) . Hämtad 3 juni 2009. Arkiverad från originalet 29 februari 2012. 
  10. ↑ Officiell jQuery-sida (nedlänk) . Hämtad 3 juni 2009. Arkiverad från originalet 29 februari 2012. 

Litteratur

  • Adam Freeman. jQuery för proffs = Pro jQuery. - M. : "Williams", 2012. - 960 sid. — ISBN 978-5-8459-1799-7 .
  • Jason Langstorf. PHP och jQuery för proffs = Pro PHP och jQuery. - M. : "Williams", 2010. - S. 352. - ISBN 978-5-8459-1693-8 .
  • Samkov G. jQuery. Samling av recept. - St Petersburg. : BHV-Petersburg, 2010. - S. 416. - ISBN 978-5-9775-0495-9 .

Länkar