jQuery cdn使用介绍

如果您不希望下载并存放 jQuery，那么也可以通过 CDN（内容分发网络） 引用它。
百度、谷歌和微软的服务器都存有 jQuery 。

jQuery 百度 cdn(国内肯定选择百度或新浪)
加载地址：

未压缩：
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>

压缩：
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

支持的版本： 2.0.3, 2.0.2, 2.0.1, 2.0.0, 1.10.2, 1.10.1, 1.10.0, 1.9.1, 1.9.0, 1.8.3, 1.8.2, 1.8.1, 1.8.0, 1.7.2, 1.7.1, 1.7.0, 1.6.4, 1.6.3, 1.6.2, 1.6.1, 1.6.0, 1.5.2, 1.5.1, 1.5.0, 1.4.4, 1.4.3, 1.4.2, 1.4.1, 1.4.0, 1.3.2, 1.3.1, 1.3.0, 1.2.6, 1.2.3

如需从谷歌或微软引用 jQuery，请使用以下代码之一：

Google CDN:

代码如下:

<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js">
</script>
</head>

代码如下:

http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

亲自试一试

提示：通过 Google CDN 来获得最新可用的版本：

如果您观察上什么的 Google URL - 在 URL 中规定了 jQuery 版本 (1.8.0)。如果您希望使用最新版本的 jQuery，也可以从版本字符串的末尾（比如本例 1.8）删除一个数字，谷歌会返回 1.8 系列中最新的可用版本（1.8.0、1.8.1 等等），或者也可以只剩第一个数字，那么谷歌会返回 1 系列中最新的可用版本（从 1.1.0 到 1.10.2）。
Microsoft CDN:

代码如下:

<head>
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js">
</script>
</head>

亲自试一试

提示：使用谷歌或微软的 jQuery，有一个很大的优势：

许多用户在访问其他站点时，已经从谷歌或微软加载过 jQuery。所有结果是，当他们访问您的站点时，会从缓存中加载 jQuery，这样可以减少加载时间。同时，大多数 CDN 都可以确保当用户向其请求文件时，会从离用户最近的服务器上返回响应，这样也可以提高加载速度。

jquery的几个CDN加速点

谷歌jquery cdn加速点
http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js

微软jquery cdn加速点
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js

新浪jquery cdn加速点

http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js

你还可以这样写，第一个首选，如果加载失败js就会加载第二个地址

代码如下:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">
!window.jQuery && document.write('<script src="http://lib.sinaapp.com/js/jquery/1.10.2/jquery-1.10.2.min.js"><\/script>');
</script>

赞 (0)

相关推荐

  • jQuery cdn使用介绍

    如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它. 百度.谷歌和微软的服务器都存有 jQuery . jQuery 百度 cdn(国内肯定选择百度或新浪) 加载地址: 未压缩: <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> 压缩: <script src="http://libs.baidu.com/jquery/2.0

  • jQuery layui常用方法介绍

    layer简介: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. layer(全称:jQuery-plugin-layer),一个可以让你想到即可做到的web弹窗(层)解决方案(js组件),作者贤心(菜鸟级前端攻城师).layer侧重于用户灵活的自定义,为不同人的使用习惯提供动力.其意义在于,可以让您的页面拥有更丰富与便捷的操作体验,而这,您只需在调用时简单地配置相关参数,即可轻松实现. 与同类弹出层

  • Jquery具体实例介绍AJAX何时用，AJAX应该在什么地方用

    Jquery具体实例介绍AJAX何时用，AJAX应该在什么地方用

    在jquery中ajax实现方法分类很多种,如有:load.jQuery.get.jQuery.post.jQuery.getScript.jQuery Ajax 事件.jQuery.ajaxSetup等等,前面几种为常用的也是用得最多的jquery ajax方法了. 网站开发时,ajax是一个非常方便的工具,它具有和表单相同的功能完成前端和后台之间的交互!它起到局部刷新的功能!那什么时候用ajax呢?下面给大家介绍几个实例,首先应该分为两类: 一.在用表单和ajax都可以完成某个功能时,只是使

  • 初试jQuery EasyUI 使用介绍

    初试jQuery EasyUI 使用介绍

    jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解的只有一些简单的html标签. jQuery EasyUI为我们提供了大多数UI控件的使用,如:accordion,combobox,menu,dialog,tabs,tree,window等等. OK,下面就开始我们的初探之旅.jQuery Ea

  • jQuery的框架介绍

    jQuery的框架介绍

    jQuery使用有一段时间了,但是有一些API的实现实在想不通.小编参考相关资料源码,现在把我的学习过程和收获分享给大家. 下面将使用简化的代码来介绍,主要关注jQuery的实现思想~>_<~ //匿名立即执行函数 //.防止污染全局空间 //.选择性保护内部变量 (function(window, undefined){ //第二参数undefined设置而不传的原因: // 外部发生这种情况:var undefined = 时,undefined会被篡改 // 设置第二参数而不传,则und

  • jQuery选择器用法介绍

    jQuery选择器用法介绍

    目录 一.jQuery选择器 二.基本选择器 三.层次选择器 四.属性选择器 五.过滤选择器 1.基本过滤选择器 2.可见性过滤选择器 3.内容过滤器 六.表单选择器 七.补充 1.特殊符号的转义 2.选择器中的空格 jQuery选择器类似于CSS选择器,用来选取网页中的元素.例如: $("h3").css("background-color","red"); 说明: 获取并设置网页中所有<h3>元素的背景色. “h3”为选择器语法,

  • jQuery UI组件介绍

    一.jQuery UI简介 jQuery UI 是建立在 jQuery JavaScript 库上的一组用户界面交互.特效.小部件及主题.无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择. jQuery UI包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同.所有的 jQuery UI 小部件(Widget)使用相同的模式,所以,只要您学会使用其中一个,您就知道如何使用其他的小部件(

  • jQuery操作文本方法介绍

    text()可以获取或设置元素的文本内容.例如: 示例: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=&q

  • jQuery.fn和jQuery.prototype区别介绍

    近期在读jQuery的源码. 发现这里有个东西很难理解. 这里的 jQuery , jQuery.fn , jQuery,fn,init ,jQuery,prototype 都代表什么. 来看下jQuery的源码是怎么样定义的: 复制代码 代码如下: (function( window, undefined ) { var jQuery = (function() { // 构建jQuery对象 var jQuery = function( selector, context ) { retur

  • Jquery多选下拉列表插件jquery multiselect功能介绍及使用

    Jquery多选下拉列表插件jquery multiselect功能介绍及使用

    有一个多选的需求,在网上找到了这个插件:multiselect https://github.com/ehynds/jquery-ui-multiselect-widget csdn博客上有这个插件的介绍,不少童鞋都问了这么个问题,怎么获取选中的值?真是个好问题,因为我在看demo的时候也发现了这个问题,呵呵! 先简单说说这个插件: jquery-multiselect 基于Jquery-ui的组件体系. 所以使用它的时候,先得导入jquery-ui相关的js和css哦 特性 •支持点击labe

随机推荐