jQuery

Un article de Wikipédia, l'encyclopédie libre.
(Redirigé depuis Jquery)
Aller à : navigation, rechercher
jQuery
Image illustrative de l'article JQuery
Logo

Développeur John Resig
Dernière version 1.11.1 et 2.1.1 (1er mai 2014) [+/-]
Écrit en JavaScript
Environnement Web
Langue Anglais
Type bibliothèque JavaScript
Licence Licence MIT, GNU GPL
Site web jquery.com

jQuery est une bibliothèque JavaScript libre et multi-plateforme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web[1]. La première version est lancée en janvier 2006 par John Resig.

La bibliothèque 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 visuels et animations ;
  • Manipulations des feuilles de style en cascade (ajout/suppression des classes, d'attributs…) ;
  • Ajax ;
  • Plugins ;
  • Utilitaires (version du navigateur web…).

Usage[modifier | modifier le code]

jQuery se présente comme un unique fichier JavaScript de 247 Kio (92,2 Kio dans sa version minimalisée par la suppression des commentaires et caractères d'espacements. Et même 32 ko gzippé) contenant toutes les fonctions de base[2]. Il peut être inclus dans toute page web en utilisant le code suivant :

<script src="/chemin/vers/jQuery.js"></script>

La bibliothèque jQuery peut être appelée de deux manières différentes :

  • via la fonction jQuery, ou $. Cette fonction est chaînable (elle retourne l'objet appelant). Par exemple :
 $("div.test").add("p.quote").addClass("blue").slideDown("slow");
  • via l'objet $. Par exemple :
 $.each([1,2,3], function() {
  document.write(this + 1);
 });

Voici un exemple d'Ajax avec jQuery :

 $(document).ready(function() {                          //Quand le document est chargé on exécute une fonction
    $(".load_page_on_click").click(function() {          //Lorsque l'on clique sur un élément ayant la classe "load_page_on_click" on exécute la fonction suivante
     var email = $("input[name=email]").val(); //Variable contenant la valeur d'un input ayant pour name "email"
      $.ajax({                    //On débute Ajax
          async: "true",          //Asynchrone "true" pour vrai "false" pour faux
          type: "GET",            //Type, "GET" ou "POST"
          url: "mapage.php",      //Url de la page à charger
          data: "email=" + encodeURIComponent(email) + "&action=get_email",   //Données s'il y en a dans ce cas oui(l'email et une action)
          error: function(errorData) { $("#error").html(errorData); },  //S'il y a une erreur on écrit quelque chose
          success: function(data) { $("#container").html(data); $("#error").append("Contenu chargé"); } //Si c'est bon
    }); //On ferme l'Ajax
   }); //On ferme la fonction du onclick
 });   //On ferme le document.ready

Modules d'extension[modifier | modifier le code]

Parce que jQuery est un constructeur de code source libre, d'autres personnes utilisent sa syntaxe pour créer de nouveaux modules d'extension[3] afin d'ajouter d'autres fonctionnalités aux bibliothèques.

Notes et références[modifier | modifier le code]

  1. (en) « Jquery: write less, do more » (consulté le 13 juin 2014)
  2. (en) jQuery
  3. (en) jQuery Plugins

Annexes[modifier | modifier le code]

Sur les autres projets Wikimedia :

Article connexe[modifier | modifier le code]

Liens externes[modifier | modifier le code]