# Introduction à Javascript et Jquery Documentation3 minPublié le Apr 24, 2022Dernière mise à jour le ![Logo Javascript sur fond jaune](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671228a6d17e2ac58c740ee0_64760069e93084646c9ef1c5_6265538bd7e9e73d4c920778_Open-Graph-intro-javascript.png)Sommaire [ Copied](#)[ ](#)[ ](#)[ ](#) - [H2 Example](#) Résumez cet article avec une IA[ ChatGPT](#)[ Claude](#)[ Grok](#)[ Perplexity](#)[ Google AI](#)Points clés de l'articleIl existe de nombreux types de l**angages de programmation différents**. Par exemple, les sites Web utilisent **HTML**, **CSS** et **JavaScript** pour fonctionner correctement. Si vous avez lu notre [article sur le CSS et le HTML](/fr/blog/webflow-html-css), vous savez maintenant que : - Le langage html désigne les éléments (formulaire, heading, bouton) d'un site Web - Le langage css combine les styles 'couleur, taille, etc' et façonne dynamique le design de votre site. Partons aujourd'hui à la découverte d'un nouveau langage : Javascript. ## Le code Javascrpit JavaScript est un langage de script qui peut être utilisé pour **ajouter de l'interactivité** et de la personnalisation aux pages Web et aux applications logicielles. JavaScript est surtout utilisé pour ajouter des **fonctionnalités aux pages Web**, comme par exemple, des **actions** automatisées. Il s'agit d'un langage de programmation qui s'exécute directement dans le navigateur. JavaScript possède une syntaxe composée d'une série de caractères et de symboles. ### Exemple de syntaxe Javascript ![Exemple de code Javascript](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671228a7d17e2ac58c740f1f_64760069e93084646c9eef0d_6265540045767b2f9c54d260_exemple-code-javascript.png)Exemple de code Javascript Mais alors, quelle différence avec Jquery ? Jquery est une librairie de code qui vous aide à ajouter plus facilement des animations sur le web ! ## Jquery jQuery est une bibliothèque JavaScript rapide et riche en fonctionnalités. Elle simplifie grandement de nombreuses opérations différentes sur les documents HTML, telles que la traversée et la manipulation du DOM, la gestion des événements, les animations et Ajax. Grâce à son API facile à utiliser et fonctionnant sur plusieurs navigateurs, jQuery est devenu l'un des moyens les plus populaires d'utiliser JavaScript. ### Comment utiliser Jquery ? Jquery offre un moyen de détecter les événements et d'exécuter du code personnalisé lorsque l'un de ces événements se produit. Il existe deux méthodes pour intégrer de la donnée Jquery à votre site. Je vous présente celle que je connais le mieux, l'intégration par fonction "src=" ![Exemple d'integration code jQuery sur Webflow](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/671228a7d17e2ac58c740f43_64760069e93084646c9eef0b_626553db0215f676920bb118_Integration-jquery-webflow.png)Intégration jQuery dans Webflow C'était ici une brève introduction à javascript et jquery. Si vous voulez en savoir plus, il existe plusieurs formations en ligne, dont une complète, incluse dans l'abonnement à Finsweet Pro ! [ ](#)![Florian Bodelot](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/678a725470105160732b0a8a_florian-website-vf.webp)Florian BodelotCo-fondateur[ ](/fr/team/florian-bodelot)[ ](https://fr.linkedin.com/in/florian-bodelot-digidop)[ ](https://twitter.com/florian_bodelot)+1200 lecteurs ## Restez informé(e) Abonnez-vous à notre newsletter pour des conseils et actus exclusives. [S'inscrire ](https://digidopfr.substack.com/subscribe)![Preview Digidop Newsletter](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/671231c436687e9d40d995e9_newsletter-digidop.webp)[Prévisualiser la Newsletter ](https://digidopfr.substack.com/) ## Articles qui devraient vous intéresser ![Collage of homepages from B2B SaaS agencies including Digidop, Vydera, FlowNinja, OFF+BRAND, Yuri & Neil, MetaLab, Shakuro and Ramotion](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6ab92cc629d6018592f49d92_Best%20B2B%20SaaS%20Agencies%20in%202026_FR.webp)DocumentationTout voir ### Top 20 meilleures agences web et digitales pour SaaS B2B en 2026 [Top 20 meilleures agences web et digitales pour SaaS B2B en 2026](/fr/blog/top-agences-b2b-saas)Top 20 meilleures agences web et digitales pour SaaS B2B en 2026![Interface Webflow Source montrant les agents IA, l’édition de site et les Views par métier dans un espace de travail unifié.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9fa9f8608ffcc774c47eb7_source%20(1).webp)NewsDéveloppementTout voir ### Webflow lance Source. Notre avis sur ce shift. [Webflow lance Source. Notre avis sur ce shift.](/fr/blog/webflow-lance-source)Webflow lance Source. Notre avis sur ce shift.![Taux de citation par plateforme IA : ChatGPT 100 %, Perplexity 100 %, Gemini 67 % et Claude 0 %.](https://cdn.prod.website-files.com/67053868fc01e494462e71c9/6a9044c13914f1d6ac3e9161_citation.jpg)DocumentationIATout voir ### Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA [Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA](/fr/blog/comment-rendre-son-site-visible-chatgpt-perplexity-et-moteurs-ia)Comment rendre son site visible dans ChatGPT, Perplexity et les moteurs IA[Voir tous les articles ](/fr/blog)Les meilleurs projets web commencent par une conversation[Discuter avec un expert ](/fr/contact)[Réserver un appel ](/fr/calendly)![Abstract composition of black and gold metallic ribbons with elegant light reflections and smooth gradients. A premium background conveying luxury, modernity, and innovation.](https://cdn.prod.website-files.com/6705382c85d21c496de94fa5/6a69a346549deffabdf98afa_shape-cta-footer.webp)