调用百度CDN提供的jQuery库来加速网站

模板网 2014-09-02
CDN公共库是指将常用的JS库存放在CDN节点，以方便广大开发者直接调用。与将JS库存放在服务器单机上相比，CDN公共库更加稳定、高速。 百度公共CDN为您的应用程序提供稳定、可靠、高速的服务，包含全球所有最流行的开源JavaScript库。
 
使用方法: 加载JS库，复制HTML代码片段（如下所示）到网页。例如，要加载jQuery，将如下所示的代码嵌入到你的网页中即可。
 
复制代码 代码如下:
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

提供一个小技巧，加载百度cdn jquery失败时使用本地的jquery

复制代码 代码如下:
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
!window.jQuery && document.write('<script src="/js/jquery.min.js"><\/script>');
</script>

 

jquery-2.0以上版本  (注！不再支持IE 6/7/8)
jquery-2.1.1
百度引用地址 (推荐目前最稳定的，不会出现延时打不开情况) 
引用地址:
<script src="http://libs.baidu.com/jquery/2.1.1/jquery.min.js"></script>
 
jquery-2.0.0
引用地址:
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
 
jquery-1.11.1 至1.2.3 版本   
jquery-1.11.1
引用地址:
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
 
jquery-1.10.2
引用地址:
<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>
 
jquery-1.9.1
引用地址:
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
 
jquery-1.8.3
引用地址:
<script src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>
 
jquery-1.7.2
引用地址:
<script src="http://libs.baidu.com/jquery/1.7.2/jquery.min.js"></script>
 
jquery-1.7.0
引用地址:
<script src="http://libs.baidu.com/jquery/1.7.0/jquery.min.js"></script>
 
jquery-1.6.4
引用地址:
<script src="http://libs.baidu.com/jquery/1.6.4/jquery.min.js"></script>
 
jquery-1.5.2
引用地址:
<script src="http://libs.baidu.com/jquery/1.5.2/jquery.min.js"></script>
 
jquery-1.4.4
引用地址:
<script src="http://libs.baidu.com/jquery/1.4.4/jquery.min.js"></script>
 
jquery-1.4.2
引用地址:
<script src="http://libs.baidu.com/jquery/1.4.2/jquery.min.js"></script>
 
jquery-1.3.2
引用地址:
<script src="http://libs.baidu.com/jquery/1.3.2/jquery.min.js"></script>
 
jquery-1.2.3
引用地址:
<script src="http://libs.baidu.com/jquery/1.2.3/jquery.min.js"></script>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
<script type="text/javascript">
!window.jQuery && document.write('<script src="/js/jquery.min.js"><\/script>');
</script>
<script>
$(function(){
alert("加载百度CDN jQuery成功!");
});
</script>

相关文章

  1. jQuery实现的返回顶部功能

    jQuery实现的返回顶部功能

  2. Jquery幻灯片特效jquery.KinSlideshow-1.1.js

    KinSlideshow无缝滑动幻灯片jquery特效代码Jquery幻灯片特效jquery.KinSlideshow-1.1.js 兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件，功能很多 ，基本能满足你在网页上使用幻灯片(焦点图)效果。 演示页面: 演示一 演示二

  3. jQuery火箭上升回到顶部效果

    jQuery火箭上升回到顶部效果，jQuery模拟火箭升空的效果使网页回到顶部，效果逼真。 代码打包下载： jQuery火箭上升回到顶部效果 效果截图：

  4. 很棒的网站底部导航条效果

    很棒的网站底部导航条效果，访客输入咨询信息点击发送按钮时可以向商务通传递访客输入的信息。 打包下载： 很棒的网站底部导航条效果 效果截图：

  5. jquery折叠效果

    jquery折叠效果，图片折叠收缩，效果非常棒！ 代码打包下载: jquery折叠效果 效果图:

随机推荐

  1. jQuery实现的返回顶部功能

    jQuery实现的返回顶部功能

  2. Jquery幻灯片特效jquery.KinSlideshow-1.1.js

    KinSlideshow无缝滑动幻灯片jquery特效代码Jquery幻灯片特效jquery.KinSlideshow-1.1.js 兼容IE6/IE7/IE8/IE9,FireFox,Chrome*,Opera的 jQuery. KinSlideshow幻灯片插件，功能很多 ，基本能满足你在网页上使用幻灯片(焦点图)效果。 演示页面: 演示一 演示二

  3. jQuery火箭上升回到顶部效果

    jQuery火箭上升回到顶部效果，jQuery模拟火箭升空的效果使网页回到顶部，效果逼真。 代码打包下载： jQuery火箭上升回到顶部效果 效果截图：

  4. 很棒的网站底部导航条效果

    很棒的网站底部导航条效果，访客输入咨询信息点击发送按钮时可以向商务通传递访客输入的信息。 打包下载： 很棒的网站底部导航条效果 效果截图：

  5. jquery折叠效果

    jquery折叠效果，图片折叠收缩，效果非常棒！ 代码打包下载: jquery折叠效果 效果图: