jQuery er et script-bibliotek på klientsiden, der næsten alle moderne websteder bruger - det gør websites interaktive. Det er ikke det eneste Javascript-bibliotek, men det er den mest udviklede, mest understøttede og mest udbredte. Det er en af byggestenene på enhver moderne hjemmeside. Men hvad er jQuery, hvad der gør det så populært, og hvorfor skal du bekymre dig om det, hvis du starter som webudvikler?
Hvad er jQuery?
jQuery er en udvidelse af Javascript, et bibliotek med Javascript-funktioner og -funktioner, der tilføjer visuel flair, og gør avancerede funktioner enkle at implementere i nogle få linjer kode. Den understøttes på tværs af browsere og open source. Plus du kan også udvide jQuery-funktionaliteten med nemme at bruge plugins.
jQuery er bygget oven på Javascript, men det tilføjer metoder og funktionalitet, der ikke findes i ren Javascript. Det blev oprettet for at forenkle Javascript-brug og fjerne problemerne med forskellige Javascript-implementering i forskellige browsere. Med jQuery kan du bare skrive en gang, og jQuery vil fortolke din kode korrekt for enhver browser.
Hovedfunktionen i jQuery er til DOM-manipulation (DOM er dokumentobjektmodellen), og det betyder den underliggende struktur for enhver webside, du besøger. Hver eneste ting du ser på siden - og mange du ikke kan se - er repræsenteret i DOM.
jQuery er ikke det eneste Javascript-bibliotek derude, men det er det mest populære - omkring 55% af de 10.000 hjemmesider bruger det. Prototype, MooTools og Scriptaculous er populære alternativer, men ikke lige så godt understøttet.
Client Side vs Server Side
De fleste websider genereres på serversiden - MakeUseOf bruger PHP og MySQL (i form af WordPress) til at hente artikeldata fra en database og derefter anvende en skabelon til de data. Den resulterende side sendes til din browser, fortolket og vises til dig. Ved at klikke på et link laves en anden anmodning til databasen, og endnu en side genereres. Men hvad nu hvis du vil skabe en form for interaktivitet på siden? En formular, der kontrollerer, hvad brugeren skriver (som Twitter, som tæller hvor mange breve du har forladt), en knap, der åbner en dialogboks, eller måske vil du indlæse nogle flere data uden at genindlæse hele siden?
Det er her, hvor script-scripting kommer til spil. Det er her klienten - din browser - gør det tunge løft. De fleste hjemmesider, inklusive denne, bruger lidt af begge.
Hvorfor brug jQuery?
Visuel Flair
jQuery, lad os ændre dele af websiden som svar på brugerhandlinger. Klik som et hurtigt eksempel på dette link - hvert link på siden ændres til rødt . Ubrugelig? Måske, men du får point. Billedfremvisning er en almindelig brug af jQuery. Balancering meningsløse effekter og virkelig nyttige tilføjelser til brugeroplevelsen er en del af færdigheden i at være en webudvikler.
Her er en hurtig liste over nogle virkelig fantastiske effekter, du kan opnå.
Nemlige arrangementer
Næsten alt software fungerer på en hændelsesmodel - klik på noget, og et klikhændelse udløses. Træk fingeren over en tablet, og en trækhændelse udløses. Applikationer "lyt" til disse begivenheder og gør noget - jQuery kan du gøre dette i en browser.
Udfør AJAX simpelthen
Asynkron Javascript og XML er en måde at kommunikere til en ekstern server uden at skulle indlæse en anden side. Et godt eksempel på dette er Facebook status stream. Prøv at rulle gennem alle dine opdateringer, indtil du kommer til bunden. Det kan du ikke. Så snart du kommer til slutningen, registrerer jQuery du er tæt og sender en AJAX-anmodning om flere statuser, der skal vises.
Derefter injicerer de dem på den aktuelle side, uden at du indser det. Du får en uendelig strøm af opdateringer, men de er ikke alle indlæst i starten.
Avancerede brugergrænseflader
Sammen med jQuery UI core plugin kan du opbygge komplette webapplikationer ved hjælp af standardformkomponenter; fremdriftslinier, skydere, knapper, faner, træk og slip - det er alt der. Et simpelt tema system giver dig mulighed for at tilpasse udseendet og følelsen, eller du kan bruge et af standardindstillingerne.
Skal jeg passe?
Hvis du har nogen interesse i at udvikle hjemmesider Hvilket programmeringssprog at lære - Webprogrammering Hvilket programmeringssprog at lære - Webprogrammering I dag tager vi et kig på de forskellige webprogrammeringssprog, der styrer internettet. Dette er den fjerde del i en begynderprogrammeringsserie. I del 1 lærte vi grunden til ... Læs mere, så ja - jQuery er en ting, du absolut skal lære. Hvis du nogensinde har spurgt dig selv "Hvordan kan jeg få X til at gøre Y, når brugeren gør Z?", Så vil du elske jQuery. Tilføjelse til dit websted er lige så enkelt som at tilføje et link til det i overskriften; eller fortæller WordPress at indlæse det.
Vil du gerne lære jQuery? Lad os vide i kommentarerne, og jeg vil se, hvad jeg kan gøre.
Billedkreditter: Dynamisk roterende billboard skabt ved hjælp af jQuery, PistolSlut.com, Kort lavet med jQuery