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

2019独角兽企业重金招聘Python工程师标准>>>

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

转载于:https://my.oschina.net/ajian2014/blog/300616