Hvordan sette opp og begynne å bruke jQuery?

JQuery er et av de mest brukte JavaScript -bibliotekene fra den nåværende tiden, JQuery lar brukerne utføre funksjoner som normalt krever mange kodelinjer med bare noen få korte setninger av JavaScript. Utviklerne av jQuery har innpakket viktige funksjoner som en nettutvikler krever ganske ofte i forskjellige funksjoner som han deretter kan implementere ved å kalle funksjonen og følge en spesifikk syntaks.

Men hvordan du setter opp jQuery i prosjektet ditt? Vel, det er tre hovedmåter å importere jQuery i prosjektet ditt. Disse 3 metodene er:

• Last ned jQuery og legge den til i HTML -filen din som et skript
• Bruke en CDN -verts jQuery i prosjektet ditt
• Hvis du jobber med et NodeJS -prosjekt, kan du installere jQuery fra NPM

La oss gå over alle disse tre metodene

Metode 1: Last ned og koble jQuery i prosjektet ditt

Den første og mest standard måten å sette opp og bruke jQuery er ved å gå over til deres offisielle nettsted.

På JQuerys nettsted er det to forskjellige versjoner tilgjengelig for nedlasting, en av versjonene er kjent som "Produksjonsversjon”Og den andre er kjent som“Utviklingsversjon”. Hovedforskjellen mellom begge disse versjonene er at produksjonen er komprimert og er den mest egnede for live nettsteder, mens utviklingen er en ukomprimert versjon for å teste ut nyutgitte funksjoner og beta -funksjoner også.

Når du har lastet ned versjonen du virker tilstrekkelig, må du ta med jQuery -filen i HTML med Skriptkode For på slutten av dagen er jQuery JavaScripts bibliotek.

For denne koblingen bruker du følgende kodelinjer:

Og med disse er du nå klar til å skrive jQuery -kode på nettstedet ditt.

Metode 2: Bruke en CDN -hostet jQuery i prosjektet ditt

CDN står for innholdsleveringsnettverk, og du kan bruke jQuery som er vert på en CDN, for eksempel, Googles CDN. Gå til Google og søk etter “JQuery CDN Google”, så får du en lenke til Google CDNs jQuery som vist nedenfor:

Kopier denne lenken og lim den inn i HTML -filen din under skriptetoden, den vil se slik ut

Å bruke en CDN-hostet jQuery har sine egne fordeler, først og den fremste fordelen med å bruke dette er at jQuery alltid er oppdatert. Og for det andre har de fleste nettleserne snublet over en CDN-vert jQuery mens du surfer på internett, så når klienten kommer til nettstedet ditt, trenger ikke nettleseren deres å laste ned jQuery som den allerede er til stede i cache-minnet.

Metode 3: Bruke npm for å installere jQuery

JQuery er også tilgjengelig på NPM -biblioteket og kan dermed installeres i et NodeJS -prosjekt ved å bruke følgende linje i terminalen til kodeditoren:

NPM installer jQuery

Og hvis du jobber med et garnbasert CLI, kan du installere jQuery ved å bruke følgende linje:

Garn Legg til jQuery

Og det handler om hvordan du setter opp jQuery, nå kan du skrive koden din med jQuery inkludert inni den.

Ved hjelp av jQuery

For å demonstrere bruken av jQuery, oppretter du en ny HTML -fil og legger til følgende linjer i den filen:

Jeg er et tekstfelt

Med disse får du følgende utdata på nettleseren din:

Lag nå et skriptetag og skriv følgende jQuery -linjer inni den for å endre bakgrunnsfargen på tekstfeltet:

Med disse linjene vil du observere følgende endring i utgangen:

Det er det, du har satt opp og brukt jQuery med hell.

Konklusjon

JQuery er et must-have JavaScript-bibliotek når det gjelder kodingsnettsteder på grunn av det faktum at dette sparer mange tid for utvikleren. JQuery inneholder ofte brukte operasjoner for webutvikling som krever flere kodelinjer pakket inn i en funksjon som deretter kan brukes ved å bruke den blotte minimumsmengden kode. JQuery kan inkluderes i prosjektet vårt på tre forskjellige måter, og vi har dekket alle disse tre måtene i dette innlegget.