你如何使用 CDN 来托管 jQuery?

Posted

技术标签:

【中文标题】你如何使用 CDN 来托管 jQuery?【英文标题】:How do you use a cdn to host jQuery? 【发布时间】:2021-12-21 19:42:55 【问题描述】:

我一直使用jQuery文件来使用jquery。最近我听说使用 CDN。想问一下你是怎么用的,这行代码是干什么的:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

【问题讨论】:

【参考方案1】:

内容交付网络CDN 是指一组地理位置分散的服务器,它们协同工作以提供互联网内容的快速交付。

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function()
  $("button").click(function()
    $("p").hide();
  );
);
</script>
</head>
<body>

<h2>This is a heading</h2>

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

<button>Click me</button>

</body>
</html>

【讨论】:

【参考方案2】:

您是指任何 CDN 还是自己托管? 谷歌有一个 jquery 的 CDN(在这里找到 https://developers.google.com/speed/libraries)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>

【讨论】:

【参考方案3】:

这可能对你有帮助:https://code.jquery.com/

选择你想要的 jQuery 版本(我更喜欢 jQuery3.x 缩小版)。

当您选择 jQuery 版本(也带有选项)时,您可以复制类似的脚本

<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>

在html中插入脚本&lt;head&gt;:

...
<html>
<head>
<script src="https://code.jquery.com/jquery-3.6.0.min.js" integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4=" crossorigin="anonymous"></script>
</head>
<body>
</body>
</html>
...

【讨论】:

以上是关于你如何使用 CDN 来托管 jQuery?的主要内容,如果未能解决你的问题,请参考以下文章

jquery.cookies 是不是托管在 Google CDN 上?

CDN托管jQuery的回退

Google CDN托管jQuery和本地回退

jquery ui - 如何使用谷歌 CDN [重复]

如何使用 Google 托管的 jQuery UI 源?

如何在 AWS S3/CDN 中托管具有环境特定值的 Blazor Webassembly