jquery 加载

📌 相关文章

📜 jquery 加载 - Javascript (1)

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

什么是 jQuery

jQuery 是一个快速、小巧、功能丰富的 JavaScript 库。它使得 HTML 文档遍历、事件处理、动画效果、以及 Ajax 操作更加简洁易用。

加载 jQuery

对于许多开发人员来说，使用托管在 jQuery 官方网站上的 jQuery 库是最简单的选择。要在您的网站上加载 jQuery，您可以使用以下代码片段：

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
  <script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>

在上面的代码片段中，我们包含了一条 <script> 标签，用于指向 jQuery 库的 URL。这样，当您的网页加载时，它会自动下载 jQuery 库并将其添加到该页面的文档对象模型（DOM）中。

本地加载 jQuery

如果您不想从 jQuery 官方网站加载库，可以下载 jQuery 库并将其放置在您的本地计算机上，然后在您的 HTML 文档中引用它。以下是如何将 jQuery 从本地硬盘加载到您的 HTML 文档中：

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
  <script src="/path/to/jquery-3.5.1.min.js"></script>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>

请注意，您需要将 <script> 标记中的 src 属性设置为指向 jQuery 库的本地 URL，如上面的代码片段所示。

CDN 加载 jQuery

如果您不想从 jQuery 官方网站或本地加载 jQuery 库，您还可以使用内容分发网络（CDN）加载库。CDN 是一种分布式网络，它可以帮助您更快地传递您的网页。

以下是如何从 CDN 加载 jQuery 库的示例：

<!DOCTYPE html>
<html>
<head>
  <title>My Website</title>
  <script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"></script>
</head>
<body>
  <h1>Hello, World!</h1>
</body>
</html>

与前面的示例相比，您需要更新 <script> 标记中的 src 属性以指向 CDN 的 URL。在上面的示例中，我们使用了 jsdelivr CDN。

总结

现在，您应该了解了如何加载 jQuery 库并将其添加到您的 HTML 文档中。无论您选择使用 jQuery 官方网站、本地加载还是 CDN 加载，都有一种方式可以让您在您的网站上开始使用 jQuery。