调用百度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 Nivo Slider v2.5.1

    好吧一直有人抱怨js版本的焦点图过渡效果太单调，今天介绍的这款jQuery插件Nivo Slider，除了一般该有的参数设置外，最大的亮点就是其集成了16种(v2.5.1)过渡效果 ，再加上对CSS的调整，效果相信已经可以和很多Flash版本的焦点图相媲美了 插件同时还支持缩略

  2. 利用jQuery实现的简单轮播效果

    利用jQuery实现的简单轮播效果,代码简单容易理解。 效果截图：

  3. jquery.md5.js下载

    jquery.md5.js下载 使用方法 复制代码 代码如下: script type=text/javascript src=jquery.min.js/script script type=jquery.md5.js/script script type=text/javascript alert($.md5(test)); /script 点击下载 官网:https://github.com/placemarker/jQuery

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

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

  5. jquery折叠效果

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

随机推荐

  1. jQuery集合多种过渡效果幻灯片插件jQuery Nivo Slider v2.5.1

    好吧一直有人抱怨js版本的焦点图过渡效果太单调，今天介绍的这款jQuery插件Nivo Slider，除了一般该有的参数设置外，最大的亮点就是其集成了16种(v2.5.1)过渡效果 ，再加上对CSS的调整，效果相信已经可以和很多Flash版本的焦点图相媲美了 插件同时还支持缩略

  2. 利用jQuery实现的简单轮播效果

    利用jQuery实现的简单轮播效果,代码简单容易理解。 效果截图：

  3. jquery.md5.js下载

    jquery.md5.js下载 使用方法 复制代码 代码如下: script type=text/javascript src=jquery.min.js/script script type=jquery.md5.js/script script type=text/javascript alert($.md5(test)); /script 点击下载 官网:https://github.com/placemarker/jQuery

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

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

  5. jquery折叠效果

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