$() est un raccourci vers une fonction appelée jQuery() qui trouve un élément dans une page et crée des objets jQuery qui référencent les éléments trouvés.
Le symbole $ est un identifiant JavaScript valide utilisé comme alias pour jQuery. Prototype, jQuery et la plupart des bibliothèques JavaScript utilisent $ comme objet (ou fonction) de base principal.
En jQuery, le symbole dollar est utilisé comme raccourci pour l'objet jQuery . jQuery est une puissante bibliothèque JavaScript qui simplifie la manipulation du DOM et offre un large éventail de fonctions utilitaires pour le développement web.
Pour intégrer jQuery dans un fichier HTML, insérez la balise script avec le chemin vers jQuery dans la section head ou juste avant la balise de fermeture body.
Sélectionner avec jQuery
Pour sélectionner les noeuds du DOM (éléments) nous utiliserons la syntaxe $(sélecteur) .
En jQuery, les sélecteurs de classe et d'ID fonctionnent de la même manière qu'en CSS. Pour sélectionner des éléments possédant une classe spécifique, utilisez un point (.) suivi du nom de la classe . Pour sélectionner des éléments possédant un ID spécifique, utilisez le symbole dièse (#) suivi du nom de l'ID.
Il existe deux méthodes pour ce faire : utiliser les balises <style></style> dans votre document HTML ou ajouter le code dans une feuille de style distincte. Cette méthode est plus pratique car il n'est pas nécessaire de passer d'un fichier à l'autre pour modifier les sélecteurs de classe CSS et les éléments.
La méthode `$(document).ready()` permet d'exécuter une fonction lorsque le document est entièrement chargé . Cet événement est déjà expliqué dans le chapitre sur la syntaxe de jQuery. La méthode `click()` associe une fonction de gestion d'événement à un élément HTML. Cette fonction est exécutée lorsque l'utilisateur clique sur l'élément HTML.
jQuery est une bibliothèque JavaScript libre et multiplateforme créée pour faciliter l'écriture de scripts côté client dans le code HTML des pages web. La première version est lancée en janvier 2006 par John Resig.
Mais jQuery reste largement utilisé . Selon SimilarWeb, au 11 août 2025, près de 195 millions de sites web l'utilisaient. Cela signifie que de nombreux développeurs, comme moi, l'utilisent encore quotidiennement. Et comme moi, vous pourriez le préférer dans certains cas.
La syntaxe jQuery est spécialement conçue pour sélectionner des éléments HTML et effectuer des actions sur ces éléments. La syntaxe de base est : `$(sélecteur).action()`. Le symbole `$` permet de définir ou d'accéder à jQuery. Le sélecteur (`(sélecteur)`) permet d'interroger (ou de rechercher) des éléments HTML. L'action jQuery `action()` doit être appliquée au(x) élément(s).
En jQuery, les sélecteurs `:hidden` et `:visible` sont opposés. `:visible` renvoie `true` si l'élément est visible, et `false` sinon . À l'inverse, `:hidden` renvoie `true` si l'élément est masqué, et `false` sinon.
Le symbole dièse (#) indique que l'élément est un identifiant (ID ). Ainsi, #row correspond à <div id="row"> . Le symbole point (.) indique quant à lui que l'élément est une classe CSS.
Quand on en parle à grande échelle, à l'échelle mondiale, nous atteignons le concept de Symboles Universels : quelque chose qui est reconnu dans le monde entier comme représentant quelque chose, la plupart du temps, une idée. Par exemple, si vous pensez à l'amour, vous penserez probablement à un cœur.
Latest version
Download jQuery 3.7.1 slim build.
La fonction $() renvoie un objet jQuery . Cet objet fait référence aux éléments que vous avez sélectionnés. Vous pouvez ensuite appeler des méthodes jQuery sur cet objet pour inspecter ou modifier ces éléments. $('#container').text('Ceci est le nouveau texte') // Remplace le texte à l'intérieur de l'élément avec l'ID 'container' $('.total').
La première grosse différence est le fait que contrairement à jQuery, on arrête de cibler à tout va des éléments via le sélecteur $('. quelquechose') . Ensuite, le composant gère à la fois ses données, sa logique métier (le code JS) mais en plus le rendu du composant en HTML, dans le return() de la fonction.
En JavaScript les types principaux sont : les nombres (entiers ou flottants) number, les chaînes de caractères string et les booléens bool.
La déclaration d'une fonction jQuery consiste à créer une fonction personnalisée à l'aide de la bibliothèque jQuery . Ces fonctions peuvent servir à effectuer des tâches spécifiques, à manipuler le DOM ou à interagir avec les éléments d'une page web.
L'une des principales raisons pour lesquelles jQuery a gagné en popularité est sa simplicité. Il offre une syntaxe claire et concise qui simplifie des tâches telles que la manipulation du DOM et la gestion des événements, qui peuvent être laborieuses en JavaScript brut.
Les sélecteurs jQuery permettent de sélectionner et de manipuler des éléments HTML . Ils servent à trouver (ou sélectionner) des éléments HTML en fonction de leur nom, identifiant, classes, types, attributs, valeurs d'attributs, etc. Ils s'appuient sur les sélecteurs CSS existants et proposent également des sélecteurs personnalisés.
L'élément HTML <p> représente un paragraphe . Dans les médias visuels, les paragraphes sont généralement représentés comme des blocs de texte séparés des blocs adjacents par des lignes vides et/ou un retrait de première ligne, mais en HTML, un paragraphe peut être n'importe quel groupement structurel de contenu lié, comme des images ou des champs de formulaire.
En une semaine seulement, vous maîtriserez les technologies, les concepts et la théorie du HTML et du CSS . Plus important encore, vous mettrez en pratique vos nouvelles compétences à travers une série de projets concrets. Le HTML et le CSS sont les langages fondamentaux du web et indispensables à une carrière réussie dans le secteur technologique.
L'élément HTML `<li>` sert à représenter un élément d'une liste . Il doit être contenu dans un élément parent : une liste ordonnée (`<ol>`), une liste non ordonnée (`<ul>`) ou un menu (`<menu>`). Dans les menus et les listes non ordonnées, les éléments sont généralement affichés sous forme de puces.