调用百度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. 很棒的网站底部导航条效果

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

  2. 医疗网站常用的左右滑动Banner效果_jquery插件

    医疗网站常用的左右滑动Banner效果_jquery插件，使用简单。 在线演示 使用方法： 1.在网页中引入一下代码： 复制代码 代码如下: link href=css/slide.css rel=stylesheet type=text/css / script type=text/javascript src=js/jquery.js/script script type=

  3. jquery折叠效果

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

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

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

  5. jQuery日期选择器插件jquery.date_input.js

    官网： http://jonathanleighton.com/projects/date-input/ 下载： http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js http://github.com/jonleighton/date_input/raw/master/jquery.date_input.js http://github.com/jonleighton/date_inpu

随机推荐

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

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

  2. 医疗网站常用的左右滑动Banner效果_jquery插件

    医疗网站常用的左右滑动Banner效果_jquery插件，使用简单。 在线演示 使用方法： 1.在网页中引入一下代码： 复制代码 代码如下: link href=css/slide.css rel=stylesheet type=text/css / script type=text/javascript src=js/jquery.js/script script type=

  3. jquery折叠效果

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

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

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

  5. jQuery日期选择器插件jquery.date_input.js

    官网： http://jonathanleighton.com/projects/date-input/ 下载： http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js http://github.com/jonleighton/date_input/raw/master/jquery.date_input.js http://github.com/jonleighton/date_inpu