jQuery

jQuery
Jquery-logo.png
Développeur John Resig
Dernière version 1.7 (3 novembre 2011) [+/-]
Écrit en JavaScript
Langue Anglais
Type Framework JavaScript
Licence Licence MIT, GNU GPL
Site web jquery.com

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…).

Sommaire

Usage

jQuery se présente comme un unique fichier JavaScript de 229 ko (31 ko dans sa version compressée) contenant toutes les fonctions de base[1]. Il peut être inclus dans toute page web en utilisant le code suivant :

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

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

  • via la fonction $. Cette fonction est chaînable (elle retourne l'objet appelant). Par exemple :
 $("div.test").add("p.quote").addClass("blue").slideDown("slow");
  • via le préfixe de fonction $.. Par exemple :
 $.each([1,2,3], function() {
  document.write(this + 1);
 });
  • via le préfixe jQuery. Par exemple :
  jQuery(document).ready(function() {            //Quand le document est chargé on exécute une fonction
    jQuery("#container").load("mapage.php");  
    jQuery("#container").fadeIn("slow");
    jQuery("#div_a_effacer").slideUp("fast");
  });

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 text_dans_input = $("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

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

Notes et références

Voir aussi

Article connexe

Liens externes


Wikimedia Foundation. 2010.

Contenu soumis à la licence CC-BY-SA. Source : Article jQuery de Wikipédia en français (auteurs)

Игры ⚽ Нужно решить контрольную?

Regardez d'autres dictionnaires:

  • jQuery — Тип JavaScript библиотека Разработчик Джон Резиг Написана на JavaScript Операционная система Кроссплатфо …   Википедия

  • JQuery — Тип JavaScript библиотека Разработчик Джон Ресиг Написана на JavaScript …   Википедия

  • jQuery — Entwickler John Resig Aktuelle Version 1.7 (3. November 2011) Betriebssystem …   Deutsch Wikipedia

  • JQuery — Entwickler: John Resig Aktuelle Version: 1.3.2 (2009 02 20) Betriebssystem: plattformunabhängig Programmiersprache: JavaScript …   Deutsch Wikipedia

  • JQuery — Saltar a navegación, búsqueda jQuery Desarrollador jQuery Team http://jquery.com/ Información general …   Wikipedia Español

  • jQuery UI — Desarrollador jQuery UI Team http://jqueryui.com/ Información general Última versión estable 1.8.16 …   Wikipedia Español

  • JQuery UI — Saltar a navegación, búsqueda jQuery UI Desarrollador jQuery UI Team http://jqueryui.com/ Información general …   Wikipedia Español

  • jQuery — Desarrollador Equipo de desarrollo http://jquery.com/ Información general Diseñador …   Wikipedia Español

  • JQuery — Développeur John Resig Dernière version 1.3.2 (le 20 …   Wikipédia en Français

  • Jquery — Développeur John Resig Dernière version 1.3.2 (le 20 …   Wikipédia en Français

Share the article and excerpts

Direct link
Do a right-click on the link above
and select “Copy Link”