Il existe principalement 2 méthodes pour initialiser JQuery:
Localement
Téléchargez la dernière version de JQuery (sélectionnez la version minimisée pour la production)
Placez le fichier dans le root de votre site (ou un sous-dossier nommé p.ex. « js »).
Créez un autre fichier nommé « actions.js » et insérez le code suivant:
$(document).ready(function(){
// votre code ici
});
Dans votre code html, placez les tags suivants juste au dessus de la balise </body>:
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/actions.js"></script>
Votre code devrait ressembler à ceci
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
</head>
<body>
Mon contenu ici
<script type="text/javascript" src="/js/jquery.min.js"></script>
<script type="text/javascript" src="/js/actions.js"></script>
</body>
</html>
Via CDN
CDN vient de l'anglais "Content Delivery Network" (voir la définition sur Wikipedia)
Il y a beaucoup d’avantages en faveur de l’utilisation d’un CDN externe:
- Utilisez l'infrastructure des grands de l'internet
- Le script est partagé entre plusieurs sites, et donc il est possible qu’il soit déjà dans le cache de votre visiteur
Conclusion: le chargement sera plus rapide
- JQuery via le CDN de Google
- JQuery via le CDN de Microsoft (en anglais)
- Via JQuery sur Amazon S3 (en anglais)
