Gjør Web Interactive En introduksjon til jQuery

jQuery er et script-bibliotek på klientsiden som nesten alle moderne nettsider bruker - det gjør nettsteder interaktive. Det er ikke det eneste Javascript-biblioteket, men det er den mest utviklede, mest støttede og mest brukte. Det er en av byggeklossene på ethvert moderne nettsted. Men hva er jQuery, det som gjør det så populært, og hvorfor burde du bryr deg om det hvis du starter som webutvikler?

Hva er jQuery?

jQuery er en utvidelse av Javascript, et bibliotek med Javascript-funksjoner og verktøy som legger til visuell stil, og gjør avanserte funksjoner enkle å implementere på bare noen få linjer med kode. Den støttes på tvers av nettlesere og åpen kildekode. I tillegg kan du også utvide jQuery-funksjonalitet med brukervennlige plugins.

jQuery er bygget på toppen av Javascript, men det legger til metoder og funksjonalitet som ikke finnes i ren Javascript. Den ble opprettet for å forenkle Javascript-bruk og fjerne problemene som er berørt av forskjellige Javascript-implementering i forskjellige nettlesere. Med jQuery kan du bare skrive en gang, og jQuery vil tolke koden riktig for enhver nettleser.

Hovedfunksjonen til jQuery er for DOM-manipulering (DOM er dokumentobjektmodellen), og det betyr den underliggende strukturen til enhver nettside du besøker. Hver eneste ting du ser på siden - og mange du ikke ser - er representert i DOM.

jQuery er ikke det eneste Javascript-biblioteket der ute, men det er det mest populære. Omtrent 55% av de 10.000 nettstedene bruker det. Prototype, MooTools og Scriptaculous er populære alternativer, men ikke like godt støttet.

Client Side vs Server Side

De fleste nettsider genereres på serversiden - MakeUseOf bruker PHP og MySQL (i form av WordPress) for å hente artikkeldata fra en database og deretter bruke en mal til dataene. Den resulterende siden sendes til nettleseren din, tolkes og vises til deg. Ved å klikke på en kobling, gjøres en annen forespørsel til databasen, og enda en side genereres. Men hva om du vil lage en slags interaktivitet på siden? Et skjema som kontrollerer hva brukeren skriver (som Twitter, som teller hvor mange bokstaver du har igjen), en knapp som åpner en dialogboks, eller kanskje du vil laste inn noen flere data uten å laste hele siden opp?

Dette er hvor klient-side scripting kommer inn i spill. Det er her klienten - nettleseren din - gjør det tunge løftet. De fleste nettsteder, inkludert denne, bruker litt av begge.

Hvorfor bruke jQuery?

Visuell Flair

jQuery, la oss endre deler av nettsiden som svar på brukerhandlinger. Som et raskt eksempel, klikk denne lenken - hver lenke på siden vil bytt til rødt. Ubrukelig? Kanskje, men du får poenget. Bildefremvisning er en vanlig bruk av jQuery. Å balansere meningsløse visuelle effekter og virkelig nyttige tillegg til brukeropplevelsen er en del av ferdigheten til å være en webutvikler.

Her er en rask liste over noen virkelig fantastiske effekter du kan oppnå.

Enkle hendelser

Nesten all programvare fungerer på en arrangementsmodell - klikk på noe, og et klikkhendelse utløses. Dra fingeren over en nettbrett, og en drakkehendelse utløses. applikasjoner “lytte” for disse hendelsene og gjør noe - jQuery lar deg gjøre dette i en nettleser.

Utfør AJAX ganske enkelt

Asynkron Javascript og XML er en måte å kommunisere til en ekstern server uten å måtte laste inn en annen side. Et godt eksempel på dette er Facebook status-strømmen. Prøv å bla gjennom alle oppdateringene dine til du kommer til bunnen. Du kan ikke. Så snart du kommer til slutten, oppdager jQuery at du er nær, og sender en AJAX-forespørsel om flere statuser som skal vises.

Det injiserer dem deretter inn i den nåværende siden, uten at du skjønner. Du får en uendelig strøm av oppdateringer, men de er ikke alle lastet i starten.

Avanserte brukergrensesnitt

Sammen med jQuery UI core plugin, kan du bygge komplette webapplikasjoner ved hjelp av standard formkomponenter; fremdriftsfelt, skyveknapper, knapper, faner, dra og slipp - det er alt der. Et enkelt tema system lar deg tilpasse utseendet og følelsen, eller du kan bruke en av standardinnstillingene.

Skal jeg bryr meg?

Hvis du har noen interesse i å utvikle nettsteder som Programmeringsspråk å lære - Webprogrammering Hvilket programmeringsspråk å lære - Webprogrammering I dag skal vi se på de ulike webprogrammeringsspråkene som driver Internett. Dette er den fjerde delen i en nybegynnere programmeringsserie. I del 1 lærte vi grunnleggende av ... Les mer, så ja - jQuery er en ting du definitivt trenger å lære. Hvis du noen gang har spurt deg selv “Hvordan kan jeg få X til å gjøre Y når brukeren gjør Z?”, så skal du elske jQuery. Legge til nettstedet ditt er like enkelt som å legge til en link til det i overskriften; eller fortelle WordPress å laste den.

Vil du lære jQuery? Gi oss beskjed i kommentarene, og jeg vil se hva jeg kan gjøre.

Image Credits: Dynamisk Roterende Billboard laget ved hjelp av jQuery, PistolSlut.com, diagram laget med jQuery