jQuery is een Javascript-bibliotheek die zich richt op hoe HTML-, JavaScript- en CSS-technologieën samenwerken.
Wat jQuery kan doen
De bibliotheek kan werken met de volgende takenlijst:
- kan toegang krijgen tot absoluut elk element van het pagina-objectmodel (DOM) en er complexe manipulaties mee uitvoeren;
- event afhandeling ondersteund;
- er is functionaliteit voor verschillende grafische effecten en animaties;
- vereenvoudigd werken met AJAX dynamische laadtechnologie (een zeer belangrijke en uiterst handige functie, maar daar nu niet over);
- jQuery heeft een enorm aantal eigen plug-ins, waarvan de belangrijkste functie is om grafische gebruikersinterfaces en gebruikersinteractie ermee te implementeren.
Gecomprimeerde en ongecomprimeerde versies van de bibliotheek
Ontwikkelaars hebben verschillende opties voor het script - de ene is gecomprimeerd, de andere niet. De volledige versie is erg handig om te gebruiken in de fase van het coderen en debuggen (testen) van webapplicaties. De geminimaliseerde versie heeft daarentegen weinig nuttige voordelen tijdens het debuggen, maar laadt veel sneller en neemt minder ruimte in beslag. Dus een gecomprimeerde versie van jQuery is geschiktgebruik het al in het voltooide project, omdat het serververkeer en schijfruimte bespaart.
Hoe de juiste versie van jQuery te kiezen
Er zijn tegenwoordig verschillende mainstreams in jQuery - de 1.x, 2.x en 3.x takken. Hun opvallende verschil is dat vanaf de tweede versie alle ondersteuning voor verouderde browsers, zoals de browser van Microsoft Corporation - Internet Explorer, werd stopgezet tot en met de achtste versie.
Deze beslissing maakte het mogelijk om de fysieke hoeveelheid gegevens in de bibliotheek met tien procent te verminderen en het werk enigszins te optimaliseren. Er zijn echter nog steeds thuis- en bedrijfscomputers in de wereld waarop de oude Internet Explorer als hoofdbrowser is geïnstalleerd, hoewel het percentage van deze gebruikers wereldwijd niet hoger is dan 3%. Daarom is het aan jou om het verouderde platform te ondersteunen of niet.
De ontwikkelaars van jQuery houden zich aan de principes van achterwaartse compatibiliteit van versies. Dit betekent dat code die is geschreven voor versie 1.7 van de bibliotheek ook werkt met versie 1.8. Maar soms verwijdert het ontwikkelaarsbedrijf functies uit jQuery die niet nuttig zijn, dus het is beter om de documentatie voor de nieuwe versie opnieuw te lezen als je gaat upgraden.
In 2016 werd een nieuwe tak van jQuery uitgebracht. Het was versie 3.0, die nog sneller en lichter werd dan de oude versies. Er werden uiteindelijk hacks verwijderd om enkele functies in verouderde browsers te implementeren, waardoor de bibliotheek kon worden gepositioneerd als een moderne en krachtige ontwikkelingstool.
Als jehet project is al gebonden aan een bibliotheek, maak dan eerst een schatting van de arbeidskosten voor de upgrade. Als het voordeel van de nieuwe versie het waard is, ga dan gerust aan de slag. Voor alle ontwikkelaars die net beginnen met het gebruik van de tool in hun projecten, is het raadzaam om direct met de nieuwste versies te beginnen.
Aan de slag met jQuery
De eerste stap is om jQuery te verbinden. Om dit te doen, moet u de bibliotheek rechtstreeks downloaden van de ontwikkelaarsbron jquery.com, of van een mirror, en de bibliotheek op uw webserver plaatsen.
Laten we nu de daadwerkelijke jQuery-verbinding met de webpagina maken. De verbinding van verschillende scripts in de hypertext-opmaaktaal wordt afgehandeld door de scripttag. Verbind jQuery met de volgende code:
Deze optie is goed voor een offline verbinding, maar er zijn veel andere manieren om de server te gebruiken.
Verbind jQuery met behulp van cloudservices
Google biedt de Hosted Libraries-service, waarmee iedereen een populair framework of bibliotheek kan koppelen aan zijn webapplicatie. Om jQuery via Google Cloud Storage te verbinden, gebruikt u de tekenreeks die overeenkomt met de geselecteerde versie in het volgende patroon:
De nummers in de versiekolom komen overeen met het versienummer dat beschikbaar is voor installatie en om er verder mee te werken. Kopieer het om een van de tussenversies te verbindennumeriek nummer in de verbindingsreeks in plaats van de nummers die in het voorbeeld zijn opgegeven.
U kunt altijd de lijst met huidige versies bekijken op:
developers.google.com/speed/libraries/jquery
Als je Google om welke reden dan ook niet vertrouwt, maar toch wilt weten hoe je de jQuery-bibliotheek van een vertrouwde server van derden kunt krijgen, gebruik dan de repository van Microsoft.
jQuery is een van de beste tools om eenvoudig animaties op webpagina's te maken. Als je eenmaal de kracht van deze tool beseft, zul je heel blij zijn dat je zo'n bibliotheek bent gaan leren.
Sceptici onder studenten en ontwikkelaars zijn van mening dat het beter is om alles te implementeren met een pure programmeertaal, zonder gebruik te maken van bibliotheken van derden. Maar u moet begrijpen dat het jQuery-bestand slechts tweeëndertig kilobytes groot is en waarschijnlijk al in de cache van de browser van uw gebruiker staat als u het script via Google opneemt. Wees dus niet bang om tools te leren die het leven van een ontwikkelaar gemakkelijker maken. Hiervoor voegen we tenslotte de jQuery-bibliotheek toe - om het wiel niet opnieuw uit te vinden.
