jQuery Aan de slag
jQuery toevoegen aan uw webpagina's
Er zijn verschillende manieren om jQuery op uw website te gaan gebruiken. Jij kan:
- Download de jQuery-bibliotheek van jQuery.com
- Voeg jQuery toe vanaf een CDN, zoals Google
jQuery downloaden
Er zijn twee versies van jQuery beschikbaar om te downloaden:
- Productieversie - dit is voor uw live website omdat deze is verkleind en gecomprimeerd
- Ontwikkelingsversie - dit is voor testen en ontwikkelen (ongecomprimeerde en leesbare code)
Beide versies kunnen worden gedownload van jQuery.com .
De jQuery-bibliotheek is een enkel JavaScript-bestand en u verwijst ernaar met de HTML <script>-tag (merk op dat de <script>tag in de <head>sectie moet staan):
<head>
<script src="jquery-3.5.1.min.js"></script>
</head>
Tip: Plaats het gedownloade bestand in dezelfde map als de pagina's waar u het wilt gebruiken.
jQuery CDN
Als u jQuery niet zelf wilt downloaden en hosten, kunt u het opnemen vanaf een CDN (Content Delivery Network).
Google is een voorbeeld van iemand die jQuery host:
Google CDN:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
Een groot voordeel van het gebruik van de gehoste jQuery van Google:
veel gebruikers hebben jQuery al van Google gedownload wanneer ze een andere site bezoeken. Als gevolg hiervan wordt het uit de cache geladen wanneer ze uw site bezoeken, wat leidt tot een snellere laadtijd. De meeste CDN's zorgen er ook voor dat zodra een gebruiker een bestand opvraagt, het wordt bediend vanaf de server die zich het dichtst bij hen bevindt, wat ook leidt tot een snellere laadtijd.