Hur man använder AJAX jQuery för HTML5 och CSS3 programmering - dummies

Även om många utestående AJAX / JavaScript-bibliotek finns tillgängliga för HTML5- och CSS3-programmerare, har jQuery snabbt blivit en av de mest framträdande. Här är några orsaker till populariteten av jQuery:

• Det är ett kraftfullt bibliotek. jQuery-systemet är otroligt kraftfullt. Det kan göra alla slags imponerande saker för att göra din JavaScript lättare att skriva.

• Det är lätt. Du måste inkludera en referens till ditt bibliotek i varje fil som behöver den. Hela jQuery-biblioteket passar i 55K, vilket är mindre än många bildfiler. Det har ingen signifikant inverkan på nedladdningshastigheten.

• Den stöder en flexibel urvalsmekanism. jQuery förenklar och expanderar dokumentet mycket. getElementById-mekanismen som är central för DOM-manipulation.

• Den har bra animationsstöd. Du kan använda jQuery för att få element att visas och blekna, flytta och skjut.

• Det gör AJAX-frågor triviala. Du kommer bli chockad över hur lätt AJAX är med jQuery.

• Det har en förbättrad händelsemekanism. JavaScript har väldigt begränsat stöd för händelser. jQuery lägger till ett mycket kraftfullt verktyg för att lägga till händelsehanterare till nästan vilket element som helst.

• Det ger plattformsstöd. Biblioteket jQuery försöker hantera problem med webbläsarkompatibilitet för dig, så du behöver inte stressa så mycket om exakt vilken webbläsare som används.

• Den stöder gränssnitt för användargränssnitt. jQuery levereras med ett kraftfullt användargränssnittsbibliotek, inklusive verktyg som HTML inte har, som drag-och-släpp-kontroller, reglage och datumplockare.

• Det är mycket utdragbart. jQuery har ett plug-in-bibliotek som stöder alla typer av frivilliga funktioner, inklusive nya widgets och verktyg som ljudintegration, bildgallerier, menyer och mycket mer.

• Det introducerar kraftfulla nya programmeringsidéer. jQuery är ett utmärkt verktyg för att lära sig några riktigt intressanta idéer som funktionell programmering och kedjbara objekt.

• Det är gratis och öppen källkod. Den är tillgänglig under en öppen källkod, vilket innebär att det kostar inget att använda, och du kan titta över det och ändra det om du vill.

• Det är rimligt typiskt. Om du väljer att använda ett annat AJAX-bibliotek kan du fortfarande överföra de idéer du lärde dig i jQuery.

Så här installerar du jQuery

Biblioteket jQuery är enkelt att installera och använda. Följ dessa steg:

1. Gå till jquery. com.

2. Hämta den nuvarande versionen.

   För närvarande är den senaste versionen 1.10. 2. Det finns en 2. X-serie, men dessa versioner stöder inte äldre webbläsare, så kommer inte att antas förrän de äldre webbläsarna (i synnerhet IE 6 och mindre) inte längre används alls.

   Du kan eventuellt välja mellan flera versioner av filen. Den minimerade versionen rekommenderas för faktisk användning. För att göra den här filen så liten som möjligt togs alla onödiga tecken bort. Den här filen är väldigt kompakt men svår att läsa. Ladda ner den icke-minimerade versionen om du verkligen vill läsa koden, men det är i allmänhet bättre att inkludera den minimerade versionen i dina program.

3. Spara den resulterande filen till din arbetsmapp.

   jQuery-1. 10. 2. min. js är den aktuella filen.

För att integrera biblioteket i dina sidor, länka det helt enkelt till som en extern JavaScript-fil:

Var noga med att inkludera den föregående koden innan du skriver eller inkludera annan kod som hänvisar till jQuery.

Så här importerar du jQuery från Google

Lätt att lägga till jQuery-support, du har ett annat bra sätt att lägga till jQuery (och annat AJAX-bibliotek) stöd till dina sidor utan att ladda ner något. Google har en offentligt tillgänglig version av flera viktiga bibliotek (inklusive jQuery) som du kan hämta från sina servrar.

Detta har några intressanta fördelar:

• Du behöver inte installera några bibliotek. Alla biblioteksfiler stannar på Googles server.

• Biblioteket uppdateras automatiskt. Du har alltid tillgång till den senaste versionen av biblioteket utan att göra några ändringar i din kod.

• Biblioteket kan laddas snabbare. Första gången en av dina sidor läser biblioteket från Googles servrar måste du vänta på den fullständiga nedladdningen, men sedan sparas biblioteket i en cache (en form av webbläsarminne) så att efterföljande förfrågningar är i huvudsak omedelbara.

Så här gör du det:

I huvudsak laddas jQuery från Google till en tvåstegsprocess:

1. Ladda Google API från Google.

   Använd den första taggen för att se Google AJAX API-servern. Detta ger dig tillgång till google. load () funktionen.

2. Invoke google. ladda () för att ladda jQuery.

   • Den första parametern är namnet på det bibliotek du vill ladda.

   • Den andra parametern är versionsnumret. Om du lämnar denna parameter tom får du den senaste versionen. Om du anger ett nummer, ger Google dig den senaste versionen av den versionen.

Observera att du inte behöver installera några filer lokalt för att använda Googles tillvägagångssätt.

Alla dessa alternativ för hantering av jQuery kan vara yrsel. Använd vilken teknik som fungerar bäst för dig.