Comment citer les balises jquery

PHPz
Libérer: 2023-05-12 12:21:07
original
840 Les gens l'ont consulté

L'utilisation de jQuery dans les pages HTML nécessite de référencer le fichier de la bibliothèque jQuery. Vous pouvez télécharger la dernière version du fichier de bibliothèque jQuery depuis le site officiel, ou vous pouvez utiliser le CDN (réseau de distribution de contenu) de jQuery. La méthode de référence est la suivante :

<!-- 引用最新版的 jQuery 库文件 -->
<script src="https://code.jquery.com/jquery.min.js"></script>
Copier après la connexion

Cette méthode téléchargera la dernière version du fichier de bibliothèque jQuery depuis le site officiel. Serveur du site Web officiel de jQuery, mais si le serveur est en état de maintenance ou présente un retard réseau, la page peut se charger lentement ou échouer. Par conséquent, nous pouvons également utiliser les fichiers de bibliothèque jQuery fournis par d'autres CDN, tels que Baidu CDN, Sina CDN, 360 CDN, etc., et choisir la méthode de référence CDN appropriée selon nos besoins.

<!-- 使用百度 CDN 引用 jQuery 库文件 -->
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
Copier après la connexion

En plus d'utiliser des fichiers de bibliothèque externes, vous pouvez également télécharger le fichier de bibliothèque jQuery localement, puis référencer le fichier de bibliothèque jQuery local dans la page HTML. Par exemple, téléchargez le fichier de la bibliothèque jQuery dans le répertoire js du projet et référencez-le comme suit :

<!-- 引用本地 jQuery 库文件 -->
<script src="js/jquery.min.js"></script>
Copier après la connexion

Après avoir référencé le fichier de la bibliothèque jQuery, vous pouvez utiliser les fonctions riches fournies par jQuery dans la page HTML. Par exemple, vous pouvez utiliser le sélecteur de jQuery pour sélectionner des éléments de page, opérer sur des éléments ou lier des événements. Ce qui suit est un exemple simple, utilisant le sélecteur de jQuery pour sélectionner l'élément avec le contenu ID et modifier son contenu texte en Hello World.

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>jQuery 示例</title>
    <!-- 引用 jQuery 库文件 -->
    <script src="https://code.jquery.com/jquery.min.js"></script>
  </head>
  <body>
    <div id="content">Hello jQuery!</div>
    <script>
      // 使用 jQuery 选择器选取元素,并修改其文本内容
      $('#content').text('Hello World');
    </script>
  </body>
</html>
Copier après la connexion

Ce qui précède est la méthode spécifique d'utilisation des balises de référence jQuery. En référençant les fichiers de la bibliothèque jQuery et en utilisant les sélecteurs jQuery et d'autres fonctions, l'efficacité et l'interactivité du développement de pages peuvent être considérablement améliorées.

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!

source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal