jQuery Installatie

Voeg jQuery toe aan uw webpagina

Om jQuery te gebruiken, moet u de jQuery-bibliotheek downloaden (wat hieronder wordt uitgelegd) en deze toevoegen aan de webpagina die u wilt gebruiken.

De jQuery bibliotheek is een JavaScript-bestand, dat u kunt refereren met de <script> tag van HTML:

<head>
<script src="jquery.js"></script>
</head>

Let op, de <script> tag moet zich bevinden in het <head> gedeelte van de pagina.

Tip:Waarom gebruiken we niet type="text/javascript" in de <script>-tag? Ben je verwonderd?

In HTML5 hoeft dit niet te gebeuren. JavaScript is het standaard scripttaal in HTML5 en alle moderne browsers!

Download jQuery

Er zijn twee versies van jQuery beschikbaar voor download:

  • Productieversie - voor gebruik in de praktijk, is geoptimaliseerd en gecomprimeerd.
  • Ontwikkelingsversie - voor test en ontwikkeling (ongecomprimeerd, leesbaar code)

Beide versies zijn beschikbaar van jQuery.com Downloaden.

Tip:Je kunt de downloadbestanden in dezelfde map plaatsen als de pagina, wat gemakkelijker te gebruiken is.

Alternatieve oplossing

Als je jQuery niet wilt downloaden en opslaan, kun je het ook via CDN (Content Delivery Network) gebruiken.

Google en Microsoft servers bevatten jQuery.

Om jQuery van Google of Microsoft te gebruiken, gebruik dan een van de volgende codes:

Google CDN:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

Probeer het zelf uit

Tip:Onderhoud de nieuwste beschikbare versie via Google CDN:

Als je de Google URL bekijkt - de jQuery-versie wordt in de URL vermeld (1.8.0). Als je de nieuwste versie van jQuery wilt gebruiken, kun je een cijfer verwijderen van het einde van de versie string (bijvoorbeeld in dit voorbeeld 1.8), dan zal Google de nieuwste beschikbare versie van de 1.8-serie retourneren (1.8.0, 1.8.1, enz.), of je kunt ook alleen de eerste cijfer laten over, dan zal Google de nieuwste beschikbare versie van de 1-serie retourneren (van 1.1.0 tot 1.9.9).

Microsoft CDN:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

Probeer het zelf uit

Tip:Een groot voordeel van het gebruik van jQuery van Google of Microsoft is:

Vele gebruikers hebben jQuery al geladen van Google of Microsoft tijdens hun bezoek aan andere sites. Als gevolg hiervan laden ze jQuery uit de cache wanneer ze uw site bezoeken, wat de laadtijd kan verkorten. Bovendien kunnen de meeste CDN's ervoor zorgen dat de reacties van de servers dicht bij de gebruiker worden geretourneerd wanneer de gebruiker om bestanden vraagt, wat ook de laadsnelheid kan verbeteren.