jQuery en français

Qu'est-ce que jQuery ?

jQuery est une bibliothèque JavaScript conçue pour simplifier certaines tâches courantes qui en temps normal nécessiteraient une quantité significative de code. Des opérations telles que la manipulation du DOM, la gestion des événements et les requêtes AJAX se retrouvent désormais encapsulées dans un seul appel de méthode. Ce logiciel est libre et open-source.

Comment intégrer jQuery dans un site web ?

Pour ajouter jQuery à un site web, deux options sont à votre disposition : télécharger la bibliothèque depuis jQuery.com ou l'intégrer via un CDN.

Pour intégrer une bibliothèque téléchargée, le code ressemblera à ceci (assurez-vous qu'elle est dans le même répertoire que votre page) :

Si vous choisissez d'utiliser un CDN, par exemple celui de Google, votre code s'écrira comme suit :

Syntaxe de jQuery

La syntaxe de jQuery se fonde sur la sélection d'éléments HTML suivie de l'application d'une action sur ces éléments.
La structure générale est :

$(selector).action();  

• $() : une fonction utilisée pour accéder à jQuery.
• selector : utilisation de la syntaxe des sélecteurs CSS pour choisir des éléments HTML.
• action : méthode jQuery à appliquer sur les éléments sélectionnés.

Il est recommandé d'effectuer des actions jQuery uniquement après que le document a complètement chargé pour éviter d'éventuelles erreurs. Cela se fait en encapsulant le code jQuery au sein d'un événement de "document prêt" :

$(document).ready(function(){  
  // Le code jQuery ici  
});  

Méthodes jQuery courantes

Voici une sélection de méthodes fréquemment utilisées en jQuery :
- jQuery.click() : Associe un gestionnaire d'événements à l'événement "click" d'un élément HTML.
- .dblclick() : Associe un gestionnaire d'événement au double clic sur un élément HTML.
- .hide() : Cache un élément HTML.
- .html() : Permet de récupérer ou de définition le contenu d'un élément HTML.
- .show() : Affiche un élément HTML qui était caché.
- .text() : Récupère ou définit le texte d'un élément HTML.