jQuery 最新版本 国内免费CDN 引用方式 以及 Migrate Plugin

jQuery的当前最新版本是1.10.2 与 2.0.3。

1.x与2.x版本的最主要区别并不是功能上的差异,而是对浏览器版本兼容性的差异。2.x版本放弃了对于IE6-8版本的支持,所以代码的体积有下降。(压缩后2.0.3版本是82KB,1.10.2版本是91KB)。

很多CDN服务商都对jQuery提供很多免费服务(比如MaxCDN、Google、Microsoft等),但经过我的测试,在国内访问,都被定向到了美国的服务器,访问速度一般。

国内也有类似的免费CDN,比如百度CDN,经过我的测试,速度很不错,也有当前最新版本。引用方式如下:

    <script src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>

如果还是对百度的稳定性不放心,那么修改一下引用写法,先尝试免费CDN,如果有问题,再引用本地服务器的资源,这样应该可以节省很多自己的服务器资源,示例如下:

<script src="http://libs.baidu.com/jquery/2.0.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="/js/vendor/jquery-2.0.3.min.js"><\/script>')</script>

另外,jQuery还提供了Migrate Plugin,用于协助升级到最新版本,加载此Plugin后,现有应用代码可以完全正常运行,但如果应用代码使用了新版jQuery deprecated的特性后,会产生warning,来提醒开发者修复兼容性问题。
使用下面的代码可以在Google CDN库获取失败时载入本地jQuery库:

代码如下:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="/js/libs/jquery.min.js">\x3C/script>')</script>

在Wordpress主题中使用的方法为:

代码如下:

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">window.jQuery || document.write('<script type="text/javascript" src="<?php echo get_template_directory_uri();?>/jquery.min.js">\x3C/script>')</script>

参考资料:

http://jquery.com/download/

http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs#jQuery

你可能感兴趣的:(jQuery 最新版本 国内免费CDN 引用方式 以及 Migrate Plugin)