Maison  >  Article  >  interface Web  >  Comment télécharger et installer jQuery

Comment télécharger et installer jQuery

PHPz
PHPzoriginal
2023-04-05 13:50:404144parcourir

jQuery est une bibliothèque JavaScript largement utilisée sur laquelle de nombreux sites Web et applications sont aujourd'hui développés. Apprendre et maîtriser jQuery peut non seulement vous aider à mieux comprendre JavaScript, mais également à améliorer l'efficacité de votre développement Web. Dans cet article, nous allons vous montrer comment télécharger et installer jQuery.

  1. Télécharger jQuery

Tout d'abord, vous devez vous rendre sur le site officiel de jQuery https://jquery.com/ pour télécharger la dernière version. En haut de la page d'accueil, vous verrez un lien « Télécharger ». Cliquez sur cette page et vous verrez deux versions de jQuery : compressée et non compressée.

La version compressée est la version finale utilisée dans l'environnement de production. Elle est compressée, le code semble donc plus concis, plus petit et se charge plus rapidement. La version non compressée est la version utilisée dans les environnements de développement. Elle n'est pas compressée et est plus facile à visualiser et à déboguer.

Si vous souhaitez télécharger à la fois les versions compressées et non compressées, vous pouvez cliquer sur les liens "Télécharger le jQuery 3.6.0 de production compressé" et "Télécharger le jQuery 3.6.0 de développement non compressé".

  1. Installer jQuery

L'installation de jQuery est très simple, il vous suffit d'introduire le fichier jQuery téléchargé dans votre page Web. Dans votre page HTML, utilisez la balise <script> pour inclure le fichier jQuery. Si vous avez téléchargé la version compressée, vous pouvez utiliser le code suivant pour importer jQuery :

<script src="jquery-3.6.0.min.js"></script>

Si vous avez téléchargé la version non compressée, vous pouvez utiliser le code suivant pour importer jQuery :

<script src="jquery-3.6.0.js"></script>

Veuillez noter que vous devez changer le nom du fichier au jQuery que vous avez téléchargé Le nom de la version.

  1. Utilisation de jQuery

Maintenant que vous avez installé avec succès jQuery, vous pouvez commencer à utiliser jQuery pour écrire des pages Web plus interactives. Par exemple, ajoutez un bouton à votre page HTML :

<button id="btn">Click Me</button>

Ensuite, ajoutez le code suivant à votre fichier JavaScript :

$(document).ready(function(){
  $("#btn").click(function(){
    alert("Hello world!");
  });
});

La fonction de ce code est d'attendre que la page se charge et d'ajouter un événement de clic au bouton. Lorsque le bouton est cliqué, une boîte de dialogue apparaîtra.

Résumé :

Dans cet article, nous vous avons montré comment télécharger et installer jQuery, et comment utiliser jQuery pour écrire des pages Web plus interactives. Le téléchargement et l'installation de jQuery sont très simples et ne nécessitent que quelques étapes simples. Si vous souhaitez améliorer l'efficacité de votre développement Web, nous vous recommandons fortement d'apprendre et de maîtriser jQuery.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn