`
梵谷的皇心
  • 浏览: 22260 次
社区版块
存档分类
最新评论

引用google的在线jQuery库的地址和方法

阅读更多

 

 

       为了实现各种绚丽的效果,你的网站是否调用了众多的Ajax库呢?尽管这样做能是你的网站增色不少,但几十K的Ajax库也会让你的网站丢失速度。既然如此,那我们到底是要速度还是要特效呢?

  今天就大家介绍一个两全其美的办法。

   一般的网站都只是调用各种Ajax库,并不用对其内容进行修改,所以我们可以借助第三方服务器上的Ajax库。Google Code就给我们提供了各种Ajax库的托管链接,我们可以直接调用这些链接而不用把整个库上传到主机,大大减少主机的压力,对于速度较慢的主机效果很明 显哦。当然,如果你的主机足够强劲以至于能和Google媲美的话,我建议还是把库放在自己主机上。

  这里给大家整理在Google托管的各种Ajax库,大家也可以到Google Code看看详细信息

注:每个版本的两个链接中,第一个是压缩版的,第二个是完全版,可用于二次开发。建议调用时使用压缩版,体积减小很多,但没有功能变。

 

google ajax libraries API 是Google的一个项目(http://code.google.com/apis/ajaxlibs/documentation/index.html#AjaxLibraries)。

它提供当前流行的各种Javascript库的快速引用方式。(官方承诺永久可用!)

使用google ajax libraries API 引用 jQuery库有两种方式。

第一种方法:是使用google提供的API进行导入

 

<script src="http://www.google.com/jsapi?key=Goolge"></script>

<script type="text/javascript">

    google.load("jquery","1.3.2",{uncompressed:true});

    google.setOnLoadCallback(initialize);

  function initialize(){

    //函数或方法

  } 

</script>

 

// 测试引用是否成功

$(document).ready(function(e) {

    alert('test!');

});

google.load()函数有3个参数,第一个参数为js库的名称,如:"jquery"或 "extjs"等;

第二个参数为该库的版本号,如:"1.3.2";

第三个参数设定是否使用压缩版本的库文件,使用未压缩版本格式: {uncompressed:true} ;

前两个参数必选,第三个参数为可选参数 

 

第二种方法:直接引用google服务器上的jquery库文件

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

// 测试引用是否成功

$(document).ready(function(e) {

    alert('test!');

});

 

google服务器上存放jquery版本号有jquery-1.2.6, jquery-1.3.2, jquery-1.4.2, jquery-1.5.2, jquery-1.6.2, jquery-1.6.4,  jquery-1.7.1, jquery-1.7.2, jquery-1.8.0, jquery-1.8.1, jquery-1.8.2

开发者可以根据所需而选择

google jQuery 1.4.2引用文件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>

google jQuery 1.5.2引用文件

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script>

jQuery UI (此库依赖于jQuery。载入jQuery UI模块需先载入之前jQuery模块。)

1.5.3

http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.min.js

http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.3/jquery-ui.js

1.5.2

http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.min.js

http://ajax.googleapis.com/ajax/libs/jqueryui/1.5.2/jquery-ui.js

 

MooTools
1.2.1

http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools-yui-compressed.js

http://ajax.googleapis.com/ajax/libs/mootools/1.2.1/mootools.js

1.11

http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js

http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools.js

Prototype
1.6.0.3

http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.3/prototype.js

1.6.0.2

http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js

script.aculo.us
注:此库依赖于Prototype。载入script.aculo.us模块需先载入之前Prototype模块。
1.8.2

http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.2/scriptaculous.js

1.8.1

http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js

dojo
1.2.3

http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js

http://ajax.googleapis.com/ajax/libs/dojo/1.2.3/dojo/dojo.xd.js.uncompressed.js

1.2.0

http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dojo/dojo.xd.js

http://ajax.googleapis.com/ajax/libs/dojo/1.2.0/dojo/dojo.xd.js.uncompressed.js

1.1.1

http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js

http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js.uncompressed.js

SWFObject
2.1

http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js

http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js

Yahoo! 用户界面库 (YUI)
2.6.0

http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader-min.js

http://ajax.googleapis.com/ajax/libs/yui/2.6.0/build/yuiloader/yuiloader.js

 

参考地址:1.http://blog.sina.com.cn/s/blog_5b68649a0101athd.html

                  2.http://www.yzzmf.com/html/qianduankaifa/jsjq/2011-10-03/1968.html

 

 

分享到:
评论

相关推荐

    google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)

    标题中提到的“google jQuery 引用文件,jQuery 引用地址集合(jquery 1.2.6至jquery1.5.2)”指的是在使用Google提供的CDN来引入jQuery库的方法。CDN技术的好处在于,由于文件被分散存储在网络的不同节点上,用户访问...

    jquery谷歌地图插件

    要使用这个插件,你需要首先在你的网页中引入jQuery库和谷歌地图API的脚本,然后下载并引用`jquery.jmapping-2.1.0.zip`中的文件。在JavaScript代码中,初始化插件,设置地图的属性,并调用相应的方法来实现所需功能...

    jQuery实现仿Google首页拖动效果的方法

    在拖动效果的实现中,需要动态改变元素的样式或位置,这需要使用到jQuery的.css()方法和DOM操作方法,如.offset()获取元素位置,.before()用于在元素之前插入内容等。 4. div层操作技巧: div是HTML文档中的一个...

    谷歌样式jquery水平滚动Carousel插件

    在实际应用中,使用这个插件需要在HTML文件中引入jQuery库和插件的JavaScript及CSS文件。然后,通过选择合适的容器元素并调用插件方法,可以将水平滚动效果应用到指定的内容上。例如: ```html &lt;!DOCTYPE html&gt; ...

    Jquery调用Google搜索API实现搜索引擎.rar

    HTML中会包含引用jQuery库的链接,以及对`script.js`的引用,这样当页面加载时,jQuery函数会自动执行。 3. **styles.css**: 这个文件用于定义网页的样式,包括搜索框的外观、按钮样式以及搜索结果显示区的布局。...

    jQuery的异步调用

    jQuery作为JavaScript的一个库,极大地简化了JavaScript编程。它通过提供一套丰富的API,使得开发者能够更加容易地进行文档操作、事件处理、动画制作以及Ajax交互等。特别在进行异步编程时,jQuery提供了一套简单而...

    jquery media插件 在线显示pdf (兼容ie 各个版本 ,火狐,谷歌)

    1. 引入jQuery库和jQuery Media插件的JavaScript文件。 2. 配置插件选项,例如设置默认的PDF查看器参数。 3. 使用特定的HTML标记或类名来标识需要预览PDF的元素。 4. 调用jQuery方法初始化插件并应用到相应的元素上...

    jquery-1.4.2库文件

    Google提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。 用起来也很简单,直接在网页里引用Google服务器上的相关js...

    jQuery分享插件.zip

    1. **引入依赖**:首先在网页中引入jQuery库和`jquery.share.js`文件。这通常是在HTML文档的`&lt;head&gt;`部分或者`&lt;body&gt;`底部添加`&lt;script&gt;`标签完成。 2. **设置HTML结构**:创建分享按钮的HTML元素,可以是链接或...

    jQuery实现的功能无比强大的google图表效果

    首先,我们需要在HTML文件(如index.html和about.html)中引入jQuery库(jquery.min.js)和Google图表插件(jquery.gvChart-0.1.min.js)。这些脚本文件通常放在`&lt;head&gt;`标签内,或者在`&lt;body&gt;`标签底部,确保在文档...

    Ajax和Jquery实现谷歌百度搜索下来提示

    AjaxPro 是一个开源的ASP.NET库,它扩展了ASP.NET AJAX的功能,提供了一个更简单的方式来创建和调用服务器端的方法。"AjaxProAutoQuery"可能是项目中用于处理搜索提示请求的类或方法,可能包含了处理请求、查询数据...

    jquery 谷歌地图插件

    jQuery谷歌地图插件是一种强大的工具,它允许开发者利用jQuery库的简洁语法和高效性能来集成谷歌地图API,为网站或应用程序添加交互式地图功能。在本文中,我们将深入探讨jQuery谷歌地图插件的工作原理、主要功能...

    jQuery 库.docx

    - **大型网站**:如 Google、Microsoft、IBM 等企业均在内部项目中使用 jQuery。 - **快速原型设计**:由于其简单易用的特点,在快速构建 Web 原型时尤为有用。 - **动态内容更新**:利用 AJAX 技术,可以在不重新...

    JQuery线形对比图表和柱形图片绘制

    标题中的“JQuery线形对比图表和柱形图片绘制”是指使用JQuery库来创建具有线性图和柱状图的可视化数据展示。JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,同时也为开发交互式网页...

    jquery包,google收购新版

    通过CDN,开发者可以在网页中直接引用Google托管的jQuery库,这样可以减少服务器负载,同时利用Google全球分布的服务器,提高用户访问速度。 ```html &lt;script src="https://ajax.googleapis....

    无涯教程(LearnFk)-jQuery教程离线版.pdf

    在文档中调用jQuery库函数时,需要在HTML文件的标签中包含jQuery库文件的引用。引用完成后,就可以在标签中使用$符号开始编写jQuery代码了。使用$(document).ready()函数可以确保在DOM加载完毕后执行相关操作,这是...

    仿Google小工具jQuery拖动特效.zip

    在实际使用中,开发者通常会有一个HTML文件来引入jQuery库和拖动特效的JavaScript代码,一个CSS文件来设置样式,以及可能的图像资源文件。"jiaoben18904"可能包含了这些内容的组合,或者是具体实现拖动特效的核心...

    jquery自动完成输入框

    1. 在HTML中引入jQuery库和Autocomplete插件的JS和CSS文件。 2. 创建一个`&lt;input&gt;`元素,作为自动补全功能的输入框。 3. 使用jQuery选择器选中这个输入框,然后调用`.autocomplete()`方法,传入配置对象,指定数据源...

    jquery 入门帮助.pdf

    **标签与部分内容解析:** 标签“jquery ajax”揭示了jQuery与AJAX之间的紧密联系,而部分内容介绍了如何在项目中引入jQuery库,以及如何正确地调用jQuery函数。 **核心知识点:** 1. **安装jQuery:** 在Web项目...

    改进版 jquery 仿百度谷歌自动补全输入(支持中文)

    JavaScript(JS)是实现这个功能的主要编程语言,它负责与用户交互,处理DOM操作,以及调用jQuery库。在自动补全功能中,JavaScript可能使用了字符串匹配算法,如模糊搜索、前缀匹配或Trie树等,来快速找出与用户...

Global site tag (gtag.js) - Google Analytics