JQuery: ansluter till en webbsida

Innehållsförteckning:

JQuery: ansluter till en webbsida
JQuery: ansluter till en webbsida
Anonim

jQuery är ett Javascript-bibliotek som fokuserar på hur HTML-, JavaScript- och CSS-teknologier fungerar tillsammans.

Vad jQuery kan göra

Biblioteket kan arbeta med följande lista med uppgifter:

  • kan komma åt absolut alla element i sidobjektmodellen (DOM) och utföra komplexa manipulationer med dem;
  • eventhantering stöds;
  • det finns funktionalitet för olika grafiska effekter och animationer;
  • förenklat arbete med AJAX dynamisk laddningsteknik (en mycket viktig och extremt användbar funktion, men inte om det nu);
  • jQuery har ett stort antal egna plugins, vars huvudfunktion är att implementera användargränssnitt och användarinteraktion med dem.

Komprimerade och okomprimerade versioner av biblioteket

Utvecklare har flera alternativ för skriptet - det ena är komprimerat, det andra inte. Den fullständiga versionen är mycket bekväm att använda vid kodning och felsökning (testning) av webbapplikationer. Den minimaliserade versionen, å andra sidan, kommer att ha få användbara fördelar under felsökning, men den laddas mycket snabbare och tar mindre plats. Så en komprimerad version av jQuery är lämpliganvänd redan i det färdiga projektet, eftersom det sparar servertrafik och diskutrymme.

jquery-anslutning
jquery-anslutning

Hur man väljer rätt version av jQuery

Det finns flera mainstreams i jQuery idag - 1.x-, 2.x- och 3.x-grenarna. Deras slående skillnad är att från och med den andra versionen upphörde allt stöd för föråldrade webbläsare, t.ex. webbläsaren från Microsoft Corporation - Internet Explorer, till och med den åttonde versionen.

Det här beslutet gjorde det möjligt att minska den fysiska datamängden i biblioteket med tio procent och optimera dess arbete något. Det finns dock fortfarande hem- och företagsdatorer i världen där den gamla Internet Explorer är installerad som huvudwebbläsare, även om andelen av dessa användare inte överstiger 3 % i hela världen. Därför är det upp till dig att stödja den föråldrade plattformen eller inte.

Utvecklarna av jQuery följer principerna för bakåtkompatibilitet för versioner. Det betyder att kod skriven för version 1.7 av biblioteket också kommer att fungera med version 1.8. Men ibland tar utvecklarföretaget bort funktioner från jQuery som inte är användbara, så det är bättre att läsa om dokumentationen för den nya versionen om du ska uppgradera.

Under 2016 släpptes en ny gren av jQuery. Det var version 3.0, som blev ännu snabbare och lättare än de gamla versionerna. Hackar togs slutligen bort från det för att implementera vissa funktioner i föråldrade webbläsare, vilket gjorde att biblioteket kunde positioneras som ett modernt och kraftfullt utvecklingsverktyg.

Om dinprojektet är redan bundet till något bibliotek, beräkna först arbetskostnaderna för uppgraderingen. Om fördelen med den nya versionen är värd det, börja gärna arbeta. För alla utvecklare som precis har börjat använda verktyget i sina projekt är det lämpligt att börja direkt med de senaste versionerna.

Hur kommer du igång med jQuery

Första steget är att ansluta jQuery. För att göra detta måste du ladda ner biblioteket direkt från utvecklarresursen jquery.com, eller från en spegel, och placera biblioteket på din webbserver.

Låt oss nu göra den faktiska jQuery-anslutningen till webbsidan. Kopplingen av olika skript i hypertextmarkeringsspråket hanteras av skripttaggen. Anslut jQuery med följande kod:

jquery-anslutning
jquery-anslutning

Det här alternativet är bra för offlineanslutning, men det finns många andra sätt för serveranvändning.

Anslut jQuery med molntjänster

Google tillhandahåller tjänsten Hosted Libraries, med vilken vem som helst kan ansluta ett populärt ramverk eller bibliotek till sin webbapplikation. För att ansluta jQuery via Google Cloud Storage, använd strängen som matchar den valda versionen i följande mönster:

hur man inkluderar jquery-biblioteket
hur man inkluderar jquery-biblioteket

Siffrorna i versionskolumnen motsvarar versionsnumret som är tillgängligt för installation och vidare arbete med det. För att ansluta någon av mellanversionerna, kopiera bara dennumeriskt nummer i anslutningssträngen istället för de nummer som anges i exemplet.

Du kan alltid se listan över aktuella versioner på:

developers.google.com/speed/libraries/jquery

Om du av någon anledning inte litar på Google, men ändå vill veta hur du hämtar jQuery-biblioteket från en betrodd server från tredje part, använd Microsofts arkiv.

inkluderar jquery-biblioteket
inkluderar jquery-biblioteket

jQuery är ett av de bästa verktygen för att enkelt skapa animationer på webbsidor. När du väl inser kraften i det här verktyget kommer du att vara väldigt glad att du började lära dig ett sådant bibliotek.

Skeptiker bland studenter och utvecklare anser att det är bättre att implementera allt med ett rent programmeringsspråk, utan att använda tredjepartsbibliotek. Men du måste förstå att jQuery-filen bara är trettiotvå kilobyte och troligen redan finns i cachen i din användares webbläsare om du inkluderar skriptet via Google. Så var inte rädd för att lära dig verktyg som gör livet lättare för en utvecklare. När allt kommer omkring, för detta inkluderar vi jQuery-biblioteket - för att inte uppfinna hjulet igen.

Rekommenderad: