谷歌托管jQuery

如果你关心旧的浏览器，主要是IE9之前的IE版本，这是最广泛兼容的jQuery版本

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

如果你不关心老die，这个更小更快:

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

备份/后备计划!

无论哪种方式，您都应该使用回退到本地，以防谷歌CDN失败(不太可能)或在您的用户访问您的网站的位置被阻止(略有可能)，如伊朗或有时中国。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>if (!window.jQuery) { document.write('<script src="/path/to/your/jquery"><\/script>'); }
</script>

参考:http://websitespeedoptimizations.com/ContentDeliveryNetworkPost.aspx

到目前为止，最简单、最干净的方法是:

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="path/to/your/jquery"><\/script>')</script>

您可能希望使用本地文件作为最后的手段。

现在看来，jQuery自己的CDN不支持https。如果是这样的话，你可能会想先从那里加载。

这是序列: 谷歌CDN => 微软CDN => 本地副本。

<!-- load jQuery from Google's CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<!-- fallback to Microsoft's Ajax CDN -->
<script> window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js">\x3C/script>')</script> 
<!-- fallback to local file -->
<script> window.jQuery || document.write('<script src="Assets/jquery-1.8.3.min.js">\x3C/script>')</script> 

你可以使用如下代码:

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>window.jQuery || document.write('<script type="text/javascript" src="./scripts/jquery.min.js">\x3C/script>')</script>

但是你也可以使用一些库来为你的脚本设置一些可能的回退，并优化加载过程:

basket.js RequireJS yepnope

例子:

basket.js 我认为目前最好的变种。将您的脚本缓存在localStorage，这将加快下次加载。最简单的调用:

basket.require({ url: '/path/to/jquery.js' });

这将返回一个promise，你可以在错误时执行下一步调用，或者在成功时加载依赖项:

basket
    .require({ url: '/path/to/jquery.js' })
    .then(function () {
        // Success
    }, function (error) {
        // There was an error fetching the script
        // Try to load jquery from the next cdn
    });

RequireJS

requirejs.config({
    enforceDefine: true,
    paths: {
        jquery: [
            '//ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min',
            //If the CDN location fails, load from this location
            'js/jquery-2.0.0.min'
        ]
    }
});

//Later
require(['jquery'], function ($) {
});

耶普诺普

yepnope([{
  load: 'http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js',
  complete: function () {
    if (!window.jQuery) {
      yepnope('js/jquery-2.0.0.min.js');
    }
  }
}]);

更新: 这个答案原来是错的。真正的解释请看评论。

你们的问题大部分都已经回答了，但至于最后一部分

两份拷贝都通过的危险是什么?

没有一个真的。你会浪费带宽，下载第二个无用的副本可能会增加几毫秒的时间，但如果它们都通过了，也不会造成实际伤害。当然，您应该使用上面提到的技术来避免这种情况。

这里有一些很好的解决方案，但我想在本地文件方面更进一步。

在谷歌确实失败的情况下，它应该加载一个本地源，但服务器上的物理文件不一定是最佳选择。之所以提出这一点，是因为我目前正在实现相同的解决方案，只是希望返回到由数据源生成的本地文件。

我这样做的原因是，当涉及到跟踪我从谷歌加载的内容与我在本地服务器上的内容时，我想有一些想法。如果我想要更改版本，我将希望保持我的本地副本与我试图从谷歌加载的内容同步。在有许多开发人员的环境中，我认为最好的方法是自动化这个过程，这样所有人所要做的就是更改配置文件中的版本号。

以下是我提出的理论上可行的解决方案:

In an application configuration file, I'll store 3 things: absolute URL for the library, the URL for the JavaScript API, and the version number Write a class which gets the file contents of the library itself (gets the URL from app config), stores it in my datasource with the name and version number Write a handler which pulls my local file out of the db and caches the file until the version number changes. If it does change (in my app config), my class will pull the file contents based on the version number, save it as a new record in my datasource, then the handler will kick in and serve up the new version.

理论上，如果我的代码写得正确，我所需要做的就是改变我的应用程序配置中的版本号，然后viola!你有一个自动的备用解决方案，你不必在服务器上维护物理文件。

大家怎么想?也许这有点过分了，但这可能是维护AJAX库的一种优雅方法。

橡子