Comment installer jQuery

Comment installer jQuery

jQuery, c’est quoi ? Activons ensemble le mode Wikip√©dia ūüôā

jQuery est une biblioth√®que JavaScript libre qui porte sur l’interaction entre JavaScript (comprenant AJAX) et HTML, et a pour but de simplifier des commandes communes de JavaScript. La premi√®re version date de janvier 2006.
Le framework contient notamment les fonctionnalités suivantes :

  • Parcours et modification du DOM (y compris le support des s√©lecteurs CSS 1 √† 3 et un support basique de XPath) ;
  • √Čv√©nements ;
  • Effets et animations ;
  • Manipulations des feuilles de style en cascade (ajout/suppression des classes, d’attributs‚Ķ) ;
  • AJAX ;
  • Plugins ;
  • Utilitaires (version du navigateur‚Ķ).

Autrement dit, il est pratiquement indispensable pour les sites Web modernes (Web 2.0)

Il y a deux fa√ßons d’utiliser jQuery, je vais donc vous les pr√©senter.

Premi√®rement, jQuery est distribu√© sous la forme d’un fichier Javascript que vous pouvez¬†t√©l√©charger¬†sur le site officiel :¬†http://jquery.com/.

Il en existe 2 versions :

DEVELOPPEMENT et PRODUCTION

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.

 

L’avantage de la version DEVELOPPEMENT¬†est que vous pouvez facilement lire et et comprendre le code source (pour les expert du JS ^^), car il est correctement indent√© et comment√©.
L’e gros inconv√©nient, le fichier est quand m√™me assez lourd ! Il p√®se plus de 200 Ko, ce qui fait beaucoup et qui risque de ralentir votre site.

La version production est la plus utilis√©e, elle¬†est minifi√©e au maximum (les commentaires,¬†les retours √† la ligne ou les tabulations ont √©t√© supprim√©es), et les noms des variables et fonctions ont √©t√© modifi√©s (a, b, Etc. √Ä croire qu’un enfant est pass√© par la xD).
Bref, Lire le code source, c’est digne du parcours du combattant ^^¬†mais en contrepartie c’est 7 fois plus l√©ger !!¬†Votre serveur vous remerciera d’utiliser cette version¬† ūüėõ

 

Pour utiliser jQuery, il vous suffit d’inclure le fichier jquery.js avec la balise¬†<script>¬†avant¬†¬†</head>¬†de votre page

G√©n√©ralement, les gens incluent¬†jQuery et tout le JavaScript dans le haut de la page comme je viens de l’expliquer, mais je fais autrement (Pour changer :-P), je place la balise en fin de page, avant¬†</body>. D’apr√®s certaines personnes, le temps de chargement de la page serait optimis√©.

La deuxi√®me fa√ßon d’inclure jQuery, et alors l√† ! Votre serveur va vous adorer. Et d’inclure le fichier directement depuis les serveurs de Google ūüôā
Nous appelons ça un CDN (Content Delivery Network), cette méthode est de plus en plus utilisée.

Voici la page du CDN Google API, qui propose une multitude de frameworks javascript, dont jQuery : http://code.google.com/apis/libraries/devguide.html (Personnellement, j’utilise jQuery et jQuery UI)