📌  相关文章
📜  js 导入 jquery - Javascript (1)

📅  最后修改于: 2023-12-03 15:02:23.476000             🧑  作者: Mango

JavaScript - 导入 jQuery

jQuery是一个非常流行的JavaScript库，它可以让JavaScript编写更容易、更简单、更直观。本文将介绍如何导入jQuery。

方法一：使用CDN

CDN（内容分发网络）是一种广泛使用的技术，它可以使Web页面更快地加载。为了使用CDN，您只需要在HTML文件的<head>标记中导入jQuery脚本，并指定相应的CDN链接。

<head>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
</head>
方法二：下载jQuery

如果您不想使用CDN，可以直接从jQuery的官方网站下载相应版本的jQuery，并将其存放在您的项目中。然后，您可以通过指定相应的脚本路径来将其导入。

<head>
  <script src="/your/local/path/to/jquery.min.js"></script>
</head>
使用jQuery

无论是使用CDN还是下载jQuery，使用jQuery的方式都差不多。例如，我们想向ID为“example”的元素添加一个类名“highlight”，可以使用以下代码：

<script>
  $(document).ready(function(){
    $("#example").addClass("highlight");
  });
</script>

在该示例中，我们使用$(document).ready()来确保页面加载后再运行我们的代码。$("#example")选择ID为“example”的元素，并使用.addClass()来添加类名“highlight”。

结论

通过使用CDN或从jQuery的官方网站下载脚本，您可以很容易地将jQuery导入到您的项目中。然后，您可以使用jQuery的强大功能来编写出更简单直观的JavaScript代码。