Installer jQuery

Installer jQuery

Tutoriel publié en mai 2011 par Galdon dans la catégorie jQuery

Avant toute chose, on va commencer par installer jQuery pour pouvoir l'utiliser dans la suite de ce cours.

Bon, installer c'est un grand mot, vous allez voir c'est vraiment très simple.

jQuery est distribué sous la forme d'un fichier Javascript que vous pouvez télécharger sur le site officiel : http://jquery.com/.

Télécharger jQuery

Quelle version ?

Il en existe 2 versions :

  • DEVELOPPEMENT
    Comme son nom l'indique, on utilise généralement cette version quand on fait du développement.
    L'avantage est que vous pouvez facilement lire et peut-être ;) comprendre le code source, car il est correctement indenté et commenté.
    L'inconvénient, c'est le corollaire de la phrase du dessus, le fichier est assez lourd (il pèse plus de 200 Ko, ce qui commence à faire beaucoup pour du js, et qui risque de ralentir votre site).

  • PRODUCTION
    La version production est minifiée (les caractères inutiles comme les retours à la ligne, les commentaires ou les tabulations ont été supprimées), et les noms de certaines variables et fonctions ont été modifiés (a, b, que des trucs explicites).
    N'essayez même pas d'en lire le code source, c'est imbuvable, mais en contrepartie c'est 7 fois plus léger que la version développement, c'est pour ça qu'on l'utilise en production

Vous devez bien retenir qu'il n'y a aucune différence sur le fond entre ces deux versions : elles sont identiques sur les fonctionnalités, et s'utilisent exactement de la même manière.

Je vous conseille de prendre la version PRODUCTION, de toute façon on n'ira jamais modifier jQuery, on va laisser ça à la communauté de développeurs expérimentés pour le moment ^^.

Inclure jQuery

Pour utiliser jQuery, il vous suffit d'inclure le fichier jquery.js dans votre page html, avec la balise <script> (à placer de préférence dans le tag <head> de votre page) :

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

Et c'est tout !

Les CDN comme Google Libraries API

Dernier point qui pourra vous être utile.

Vous pouvez soit héberger jQuery sur serveur, soit utiliser un CDN (Content Delivery Network), ce qui se fait de plus en plus.

Les CDN distribuent gratuitement jQuery, et sont optimisés pour cette utilisation. Ça allège la charge de votre serveur puisque c'est le CDN qui envoie jQuery au client, et c'est beaucoup plus simple à mettre en place (pas besoin de télécharger jQuery sur le site officiel).

Voici la page du CDN Google API, qui propose une multitude de frameworks javascript, dont jQuery : http://code.google.com/apis/libraries/devguide.html#jquery.

Allez donc jeter un oeil sur cette page : icône porte document à l'image de son logiciel.

Ce tutoriel fait partie d'un cours : aller au sommaire pour voir les autres chapitres.

Tags
26 commentaires :
Seuls les 10 derniers commentaires sont affichés.
Cliquez ici pour afficher tous les commentaires
commentaire n°8192 par Reacick@oourmail.xyz
Reacick@oourmail.xyz mercredi 22 septembre 2021, 15:49
https://buyplaquenilcv.com/ - plaquenil sulfate
commentaire n°8245 par chishar@sqmail.xyz
chishar@sqmail.xyz jeudi 23 septembre 2021, 12:41
<a href=https://buypriligyhop.com/>;Priligy</a>
commentaire n°8470 par baraxHori@adann.xyz
baraxHori@adann.xyz vendredi 1 octobre 2021, 20:44
<a href=https://prednisonebuyon.com/>;Prednisone</a>
commentaire n°8514 par drodumn@abdiell.xyz
drodumn@abdiell.xyz dimanche 3 octobre 2021, 01:56
<a href=https://buyneurontine.com/>;gabapentin vs lyrica</a>
commentaire n°8587 par teptupdah@sqmail.xyz
teptupdah@sqmail.xyz mardi 5 octobre 2021, 05:47
https://prednisonebuyon.com/ - can i buy prednisone in mexico
commentaire n°8950 par Eldentete@abdiell.xyz
Eldentete@abdiell.xyz samedi 30 octobre 2021, 19:35
<a href=https://abuypropecian.com/>;propecia for sale online</a>
commentaire n°8998 par NaisseWab@rqmail.xyz
NaisseWab@rqmail.xyz lundi 1 novembre 2021, 13:38
<a href=https://astromectoli.com/>;Stromectol</a>
commentaire n°9059 par blegifs@maill1.xyz
blegifs@maill1.xyz jeudi 4 novembre 2021, 18:40
<a href=https://abuypriligyhop.com/>;Priligy</a>
commentaire n°9192 par Eldentete@abdiell.xyz
Eldentete@abdiell.xyz dimanche 7 novembre 2021, 19:04
<a href=https://abuypropecian.com/>;Propecia</a>
commentaire n°9511 par Suehoky@sqmail.xyz
Suehoky@sqmail.xyz dimanche 14 novembre 2021, 06:37
<a href=https://aprednisonen.com/>;Prednisone</a>
facultatif
Facebook Twitter RSS Email
Forum Excel
Venez découvrir le nouveau forum excel question/réponse à la stackoverflow.com !
Forum Excel
hit parade n'en a rien a foutre du W3C Positionnement et Statistiques Gratuites Vincent Paré