JQuery: kobler til en nettside

Innholdsfortegnelse:

JQuery: kobler til en nettside
JQuery: kobler til en nettside
Anonim

jQuery er et Javascript-bibliotek som fokuserer på hvordan HTML-, JavaScript- og CSS-teknologier fungerer sammen.

Hva jQuery kan gjøre

Biblioteket kan jobbe med følgende liste over oppgaver:

  • kan få tilgang til absolutt alle elementer i sideobjektmodellen (DOM) og utføre komplekse manipulasjoner med dem;
  • hendelseshåndtering støttes;
  • det er funksjonalitet for ulike grafiske effekter og animasjoner;
  • forenklet arbeid med AJAX dynamisk lasteteknologi (en veldig viktig og ekstremt nyttig funksjon, men ikke om det nå);
  • jQuery har et stort antall egne plugins, hvis hovedfunksjon er å implementere brukergrensesnitt og brukerinteraksjon med dem.

Komprimerte og ukomprimerte versjoner av biblioteket

Utviklere har flere alternativer for skriptet - det ene er komprimert, det andre ikke. Fullversjonen er veldig praktisk å bruke på stadiet med koding og feilsøking (testing) av nettapplikasjoner. Den minimaliserte versjonen vil derimot ha få nyttige fordeler under feilsøking, men den laster mye raskere og tar mindre plass. Så en komprimert versjon av jQuery er passendebruk allerede i det ferdige prosjektet, fordi det sparer servertrafikk og diskplass.

jquery-tilkobling
jquery-tilkobling

Hvordan velge riktig versjon av jQuery

Det er flere mainstreams i jQuery i dag - 1.x-, 2.x- og 3.x-grenene. Deres slående forskjell er at fra den andre versjonen ble all støtte for utdaterte nettlesere avviklet, for eksempel nettleseren fra Microsoft Corporation - Internet Explorer, til og med den åttende versjonen.

Denne beslutningen gjorde det mulig å redusere det fysiske datavolumet i biblioteket med ti prosent og optimalisere arbeidet litt. Imidlertid er det fortsatt hjemme- og bedriftsdatamaskiner i verden der den gamle Internet Explorer er installert som hovednettleser, selv om prosentandelen av disse brukerne ikke overstiger 3 % på verdensbasis. Derfor er det opp til deg å støtte den utdaterte plattformen eller ikke.

Utviklerne av jQuery følger prinsippene for bakoverkompatibilitet for versjoner. Dette betyr at kode skrevet for versjon 1.7 av biblioteket også vil fungere med versjon 1.8. Men noen ganger fjerner utviklerselskapet funksjoner fra jQuery som ikke er nyttige, så det er bedre å lese dokumentasjonen for den nye versjonen på nytt hvis du skal oppgradere.

I 2016 ble en ny gren av jQuery utgitt. Det var versjon 3.0, som ble enda raskere og lettere enn de gamle versjonene. Hacks ble til slutt fjernet fra den for å implementere noen funksjoner i utdaterte nettlesere, noe som gjorde at biblioteket ble posisjonert som et moderne og kraftig utviklingsverktøy.

Hvis dinprosjektet er allerede bundet til et eller annet bibliotek, så estimer først arbeidskostnadene for oppgraderingen. Hvis fordelen med den nye versjonen er verdt det, kan du gjerne begynne å jobbe. For alle utviklere som akkurat har begynt å bruke verktøyet i sine prosjekter, anbefales det å starte direkte med de nyeste versjonene.

Slik kommer du i gang med jQuery

Det første trinnet er å koble til jQuery. For å gjøre dette må du laste ned biblioteket direkte fra jquery.com-utviklerressursen, eller fra et speil, og plassere biblioteket på nettserveren din.

La oss nå gjøre selve jQuery-tilkoblingen til nettsiden. Koblingen av ulike skript i hypertekst-markeringsspråket håndteres av script-taggen. Koble til jQuery med følgende kode:

jquery-tilkobling
jquery-tilkobling

Dette alternativet er bra for frakoblet tilkobling, men det er mange andre måter for serverbruk.

Koble til jQuery med skytjenester

Google tilbyr Hosted Libraries-tjenesten, hvor alle kan koble et populært rammeverk eller bibliotek til nettapplikasjonen deres. For å koble til jQuery via Google Cloud Storage, bruk strengen som samsvarer med den valgte versjonen i følgende mønster:

hvordan inkludere jquery-biblioteket
hvordan inkludere jquery-biblioteket

Tallene i versjonskolonnen tilsvarer versjonsnummeret som er tilgjengelig for installasjon og videre arbeid med det. For å koble til noen av mellomversjonene, kopier den barenumerisk tall i forbindelsesstrengen i stedet for tallene spesifisert i eksempelet.

Du kan alltid se listen over gjeldende versjoner på:

developers.google.com/speed/libraries/jquery

Hvis du av en eller annen grunn ikke stoler på Google, men fortsatt vil vite hvordan du får tak i jQuery-biblioteket fra en tredjeparts pålitelig server, bruk Microsofts depot.

inkluderer jquery-biblioteket
inkluderer jquery-biblioteket

jQuery er et av de beste verktøyene for enkelt å lage animasjoner på nettsider. Når du først innser kraften i dette verktøyet, vil du være veldig glad for at du begynte å lære et slikt bibliotek.

Skeptikere blant studenter og utviklere mener det er bedre å implementere alt ved hjelp av et rent programmeringsspråk, uten å bruke tredjepartsbiblioteker. Men du må forstå at jQuery-filen bare er trettito kilobyte, og er mest sannsynlig allerede i hurtigbufferen til brukerens nettleser hvis du inkluderer skriptet gjennom Google. Så ikke vær redd for å lære verktøy som gjør livet enklere for en utvikler. Tross alt, for dette inkluderer vi jQuery-biblioteket - for ikke å finne opp hjulet på nytt.

Anbefalt: