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
18 commentaires :
Seuls les 10 derniers commentaires sont affichés.
Cliquez ici pour afficher tous les commentaires
commentaire n°7670 par Nabgrergy@rvmail.xyz
Nabgrergy@rvmail.xyz vendredi 10 septembre 2021, 07:56
<a href=https://buystromectolon.com/>;Stromectol</a>
commentaire n°7839 par Reacick@oourmail.xyz
Reacick@oourmail.xyz jeudi 16 septembre 2021, 05:12
https://buyplaquenilcv.com/ - what is plaquenil
commentaire n°7902 par ImmuslY@supmail.xyz
ImmuslY@supmail.xyz vendredi 17 septembre 2021, 07:02
<a href=https://buylasixshop.com/>;how does lasix work</a>
commentaire n°7962 par elarync@manmail.xyz
elarync@manmail.xyz samedi 18 septembre 2021, 04:24
https://buyzithromaxinf.com/ - Zithromax
commentaire n°7995 par elarync@manmail.xyz
elarync@manmail.xyz samedi 18 septembre 2021, 20:36
https://buyzithromaxinf.com/ - can you buy zithromax without a prescription?
commentaire n°8000 par chishar@sqmail.xyz
chishar@sqmail.xyz samedi 18 septembre 2021, 22:38
<a href=https://buypriligyhop.com/>;Priligy</a>
commentaire n°8056 par Fopaway@rvmail.xyz
Fopaway@rvmail.xyz lundi 20 septembre 2021, 04:50
https://buypriligyhop.com/ - buy priligy in usa
commentaire n°8117 par ImmuslY@supmail.xyz
ImmuslY@supmail.xyz mardi 21 septembre 2021, 10:09
<a href=https://buylasixshop.com/>;Lasix</a>
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>
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é