Slik bruker du AJAX jQuery til HTML5 og CSS3 programmering - dummies

Selv om mange utestående AJAX / JavaScript-biblioteker er tilgjengelige for HTML5- og CSS3-programmerere, har jQuery raskt blitt en av de mest fremtredende. Her er noen grunner til populariteten til jQuery:

Det er et kraftig bibliotek. JQuery-systemet er utrolig kraftig. Det kan gjøre alle slags imponerende ting for å gjøre JavaScript enklere å skrive.
Den er lett. Du må inkludere en referanse til biblioteket ditt i hver fil som trenger den. Hele jQuery-biblioteket passer i 55K, som er mindre enn mange bildefiler. Det har ingen signifikant innvirkning på nedlastingshastigheten.
Den støtter en fleksibel utvalgsmekanisme. jQuery forenkler og utvider dokumentet sterkt. getElementById-mekanisme som er sentral for DOM-manipulering.
Den har god animasjonsstøtte. Du kan bruke jQuery til å få elementer til å vises og falme, flytte og skyve.
Det gjør AJAX-spørringer trivielt. Du blir sjokkert over hvor lett AJAX er med jQuery.
Den har en forbedret hendelsesmekanisme. JavaScript har svært begrenset støtte for hendelser. jQuery legger til et svært kraftig verktøy for å legge til hendelseshåndtere til nesten hvilket som helst element.
Den gir støtte på tvers av plattformene. JQuery-biblioteket forsøker å håndtere problemer med nettleserkompatibilitet for deg, så du trenger ikke å stresse så mye om akkurat hvilken nettleser som brukes.
Den støtter brukergrensesnitt widgets. jQuery kommer med et kraftig brukergrensesnittbibliotek, inkludert verktøy som HTML ikke har, for eksempel dra-og-slipp-kontroller, skyveknapper og datoplukkere.
Det er svært utvidbart. jQuery har et plug-in-bibliotek som støtter alle typer valgfrie funksjoner, inkludert nye widgets og verktøy som lydintegrasjon, bildegallerier, menyer og mye mer.
Det introduserer kraftige nye programmeringsideer. jQuery er et flott verktøy for å lære om noen virkelig interessante ideer som funksjonell programmering og chainable objekter.
Det er gratis og åpen kildekode. Den er tilgjengelig under en åpen kildekode lisens, som betyr at det koster ingenting å bruke, og du kan se det over og endre det hvis du ønsker det.
Det er rimelig typisk. Hvis du velger å bruke et annet AJAX-bibliotek, kan du fremdeles overføre ideene du lærte i jQuery.

Slik installerer du jQuery

JQuery-biblioteket er enkelt å installere og bruke. Følg disse trinnene:

Gå til jquery. com.
Last ned den gjeldende versjonen.

For tiden er den nyeste versjonen 1.10. 2. Det er en 2. X-serie, men disse versjonene støtter ikke eldre nettlesere, så det vil ikke bli vedtatt før de eldre nettleserne (spesielt IE 6 og mindre) ikke lenger brukes i det hele tatt.

Du kan kanskje velge mellom flere versjoner av filen. Den minimerte versjonen anbefales for faktisk bruk. For å gjøre denne filen så liten som mulig, ble alt unødvendig karakter fjernet. Denne filen er veldig kompakt, men vanskelig å lese. Last ned den ikke-minimiserte versjonen hvis du virkelig vil lese koden, men det er vanligvis bedre å inkludere den minimerte versjonen i programmene dine.
Lagre den resulterende filen i arbeidskatalogen din.

jQuery-1. 10. 2. min. js er den nåværende filen.

For å inkludere biblioteket på sidene dine, må du bare koble til det som en ekstern JavaScript-fil:

Pass på at du inkluderer den forrige koden før du skriver eller inkluderer annen kode som refererer til jQuery.

Slik importerer du jQuery fra Google

Enkel som det er å legge til jQuery-støtte, du har en annen fin måte å legge til jQuery (og annet AJAX-bibliotek) støtte til sidene uten å laste ned noe. Google har en offentlig tilgjengelig versjon av flere viktige biblioteker (inkludert jQuery) som du kan laste ned fra serverne.

Dette har noen interessante fordeler:

Du trenger ikke installere noen biblioteker. Alle biblioteksfiler blir på Google-serveren.
Biblioteket oppdateres automatisk. Du har alltid tilgang til den nyeste versjonen av biblioteket uten å gjøre endringer i koden din.
Biblioteket kan lastes raskere. Første gang en av sidene dine leser biblioteket fra Googles servere, må du vente på full nedlasting, men biblioteket lagres i en cache (en form for nettleserminne) slik at etterfølgende forespørsler er i hovedsak umiddelbare.

Slik gjør du det:

I hovedsak er lasting av jQuery fra Google en to-trinns prosess:

Last inn Google API fra Google.

Bruk den første taggen til å referere til Google AJAX API-serveren. Dette gir deg tilgang til google. load () funksjon.
Invoke google. last () for å laste jQuery.
- Den første parameteren er navnet på biblioteket du vil laste inn.
- Den andre parameteren er versjonsnummeret. Hvis du lar denne parameteren stå tom, får du den nyeste versjonen. Hvis du angir et nummer, gir Google deg den siste varianten av den versjonen.

Merk at du ikke trenger å installere noen filer lokalt for å bruke Google-tilnærmingen.

Alle disse alternativene for å administrere jQuery kan være svimlende. Bruk hvilken teknikk som passer best for deg.