JQuery: koppel aan 'n webblad

INHOUDSOPGAWE:

JQuery: koppel aan 'n webblad
JQuery: koppel aan 'n webblad
Anonim

jQuery is 'n Javascript-biblioteek wat fokus op hoe HTML-, JavaScript- en CSS-tegnologieë saamwerk.

Wat jQuery kan doen

Die biblioteek kan met die volgende lys take werk:

  • kan toegang verkry tot absoluut enige element van die bladsy-objekmodel (DOM) en komplekse manipulasies daarmee uitvoer;
  • gebeurtenishantering ondersteun;
  • daar is funksionaliteit vir verskeie grafiese effekte en animasies;
  • vereenvoudigde werk met AJAX dinamiese laaitegnologie ('n baie belangrike en uiters nuttige kenmerk, maar nie nou daaroor nie);
  • jQuery het 'n groot aantal inproppe van sy eie, waarvan die hooffunksie is om gebruikers grafiese koppelvlakke en gebruikersinteraksie daarmee te implementeer.

Gecomprimeerde en ongecomprimeerde weergawes van die biblioteek

Ontwikkelaars het verskeie opsies vir die skrif - een is saamgepers, die ander nie. Die volledige weergawe is baie gerieflik om te gebruik in die stadium van kodering en ontfouting (toets) van webtoepassings. Die geminimaliseerde weergawe, aan die ander kant, sal min nuttige voordele tydens ontfouting hê, maar dit laai baie vinniger en neem minder spasie op. Dus is 'n saamgeperste weergawe van jQuery gepasgebruik reeds in die voltooide projek, want dit spaar bedienerverkeer en skyfspasie.

jquery-verbinding
jquery-verbinding

Hoe om die regte weergawe van jQuery te kies

Daar is vandag verskeie hoofstrome in jQuery - die 1.x-, 2.x- en 3.x-takke. Hulle opvallende verskil is dat, vanaf die tweede weergawe, enige ondersteuning vir verouderde blaaiers gestaak is, soos die blaaier van Microsoft Corporation - Internet Explorer, tot en met die agtste weergawe.

Hierdie besluit het dit moontlik gemaak om die fisiese volume data in die biblioteek met tien persent te verminder en sy werk effens te optimaliseer. Daar is egter steeds tuis- en korporatiewe rekenaars in die wêreld waar die ou Internet Explorer as die hoofblaaier geïnstalleer is, hoewel die persentasie van hierdie gebruikers wêreldwyd nie 3% oorskry nie. Daarom is dit aan jou om die verouderde platform te ondersteun of nie.

Die ontwikkelaars van jQuery voldoen aan die beginsels van terugwaartse versoenbaarheid van weergawes. Dit beteken dat kode wat vir weergawe 1.7 van die biblioteek geskryf is, ook met weergawe 1.8 sal werk. Maar soms verwyder die ontwikkelaarmaatskappy funksies van jQuery wat nie bruikbaar is nie, daarom is dit beter om die dokumentasie vir die nuwe weergawe te herlees as jy gaan opgradeer.

In 2016 is 'n nuwe tak van jQuery vrygestel. Dit was weergawe 3.0, wat selfs vinniger en ligter geword het as die ou weergawes. Hacks is uiteindelik daarvan verwyder om sommige funksies in verouderde blaaiers te implementeer, wat die biblioteek as 'n moderne en kragtige ontwikkelingsinstrument geposisioneer kon word.

As joudie projek is reeds aan een of ander biblioteek gebind, skat dan eers die arbeidskoste vir die opgradering. As die voordeel van die nuwe weergawe die moeite werd is, begin gerus werk. Vir alle ontwikkelaars wat net begin om die instrument in hul projekte te gebruik, is dit raadsaam om direk met die nuutste weergawes te begin.

Hoe om met jQuery te begin

Die eerste stap is om jQuery te koppel. Om dit te doen, moet jy die biblioteek direk vanaf die jquery.com-ontwikkelaarhulpbron aflaai, of vanaf 'n spieël, en die biblioteek op jou webbediener plaas.

Kom ons doen nou die werklike jQuery-verbinding met die webblad. Die koppeling van verskeie skrifte in die hiperteks-opmerktaal word deur die script-tag hanteer. Koppel jQuery met die volgende kode:

jquery-verbinding
jquery-verbinding

Hierdie opsie is goed vir vanlyn verbinding, maar daar is baie ander maniere vir bedienergebruik.

Verbind jQuery met behulp van wolkdienste

Google verskaf die Hosted Libraries-diens, waardeur enigiemand 'n gewilde raamwerk of biblioteek aan hul webtoepassing kan koppel. Om jQuery via Google Cloud Storage te koppel, gebruik die string wat by die geselekteerde weergawe pas in die volgende patroon:

hoe om jquery-biblioteek in te sluit
hoe om jquery-biblioteek in te sluit

Die nommers in die weergawes-kolom stem ooreen met die weergawenommer wat beskikbaar is vir installasie en verdere werk daarmee. Kopieer dit net om enige van die tussenweergawes te koppelnumeriese nommer in die verbindingstring in plaas van die nommers gespesifiseer in die voorbeeld.

Jy kan altyd die lys van huidige weergawes bekyk by:

developers.google.com/speed/libraries/jquery

As jy Google om enige rede nie vertrou nie, maar steeds wil weet hoe om die jQuery-biblioteek van 'n derdeparty-betroubare bediener te kry, gebruik Microsoft se repository.

sluit jquery-biblioteek in
sluit jquery-biblioteek in

jQuery is een van die beste hulpmiddels om maklik animasies op webblaaie te skep. Sodra jy die krag van hierdie hulpmiddel besef, sal jy baie bly wees dat jy so 'n biblioteek begin leer het.

Skeptici onder studente en ontwikkelaars glo dat dit beter is om alles te implementeer deur 'n suiwer programmeertaal te gebruik, sonder om derdeparty-biblioteke te gebruik. Maar jy moet verstaan dat die jQuery-lêer slegs twee-en-dertig kilogrepe is, en heel waarskynlik reeds in die kas van jou gebruiker se blaaier is as jy die skrif deur Google insluit. Moet dus nie bang wees om gereedskap te leer wat die lewe vir 'n ontwikkelaar makliker maak nie. Hiervoor sluit ons immers die jQuery-biblioteek in - om nie die wiel weer uit te vind nie.

Aanbeveel: