为了实现各种绚丽的效果,你的网站是否调用了众多的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
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
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
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
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
http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js
http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject_src.js
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提供的CDN来引入jQuery库的方法。CDN技术的好处在于,由于文件被分散存储在网络的不同节点上,用户访问...
要使用这个插件,你需要首先在你的网页中引入jQuery库和谷歌地图API的脚本,然后下载并引用`jquery.jmapping-2.1.0.zip`中的文件。在JavaScript代码中,初始化插件,设置地图的属性,并调用相应的方法来实现所需功能...
在拖动效果的实现中,需要动态改变元素的样式或位置,这需要使用到jQuery的.css()方法和DOM操作方法,如.offset()获取元素位置,.before()用于在元素之前插入内容等。 4. div层操作技巧: div是HTML文档中的一个...
在实际应用中,使用这个插件需要在HTML文件中引入jQuery库和插件的JavaScript及CSS文件。然后,通过选择合适的容器元素并调用插件方法,可以将水平滚动效果应用到指定的内容上。例如: ```html <!DOCTYPE html> ...
HTML中会包含引用jQuery库的链接,以及对`script.js`的引用,这样当页面加载时,jQuery函数会自动执行。 3. **styles.css**: 这个文件用于定义网页的样式,包括搜索框的外观、按钮样式以及搜索结果显示区的布局。...
jQuery作为JavaScript的一个库,极大地简化了JavaScript编程。它通过提供一套丰富的API,使得开发者能够更加容易地进行文档操作、事件处理、动画制作以及Ajax交互等。特别在进行异步编程时,jQuery提供了一套简单而...
1. 引入jQuery库和jQuery Media插件的JavaScript文件。 2. 配置插件选项,例如设置默认的PDF查看器参数。 3. 使用特定的HTML标记或类名来标识需要预览PDF的元素。 4. 调用jQuery方法初始化插件并应用到相应的元素上...
Google提供了jQuery库,通过使用Google提供的jQuery库,Google的服务器和线路品质那自然是不在话下的。即提高了下载速度又减少了自己服务器的并发连接数。 用起来也很简单,直接在网页里引用Google服务器上的相关js...
1. **引入依赖**:首先在网页中引入jQuery库和`jquery.share.js`文件。这通常是在HTML文档的`<head>`部分或者`<body>`底部添加`<script>`标签完成。 2. **设置HTML结构**:创建分享按钮的HTML元素,可以是链接或...
首先,我们需要在HTML文件(如index.html和about.html)中引入jQuery库(jquery.min.js)和Google图表插件(jquery.gvChart-0.1.min.js)。这些脚本文件通常放在`<head>`标签内,或者在`<body>`标签底部,确保在文档...
AjaxPro 是一个开源的ASP.NET库,它扩展了ASP.NET AJAX的功能,提供了一个更简单的方式来创建和调用服务器端的方法。"AjaxProAutoQuery"可能是项目中用于处理搜索提示请求的类或方法,可能包含了处理请求、查询数据...
jQuery谷歌地图插件是一种强大的工具,它允许开发者利用jQuery库的简洁语法和高效性能来集成谷歌地图API,为网站或应用程序添加交互式地图功能。在本文中,我们将深入探讨jQuery谷歌地图插件的工作原理、主要功能...
- **大型网站**:如 Google、Microsoft、IBM 等企业均在内部项目中使用 jQuery。 - **快速原型设计**:由于其简单易用的特点,在快速构建 Web 原型时尤为有用。 - **动态内容更新**:利用 AJAX 技术,可以在不重新...
标题中的“JQuery线形对比图表和柱形图片绘制”是指使用JQuery库来创建具有线性图和柱状图的可视化数据展示。JQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理和动画效果,同时也为开发交互式网页...
通过CDN,开发者可以在网页中直接引用Google托管的jQuery库,这样可以减少服务器负载,同时利用Google全球分布的服务器,提高用户访问速度。 ```html <script src="https://ajax.googleapis....
在文档中调用jQuery库函数时,需要在HTML文件的标签中包含jQuery库文件的引用。引用完成后,就可以在标签中使用$符号开始编写jQuery代码了。使用$(document).ready()函数可以确保在DOM加载完毕后执行相关操作,这是...
在实际使用中,开发者通常会有一个HTML文件来引入jQuery库和拖动特效的JavaScript代码,一个CSS文件来设置样式,以及可能的图像资源文件。"jiaoben18904"可能包含了这些内容的组合,或者是具体实现拖动特效的核心...
1. 在HTML中引入jQuery库和Autocomplete插件的JS和CSS文件。 2. 创建一个`<input>`元素,作为自动补全功能的输入框。 3. 使用jQuery选择器选中这个输入框,然后调用`.autocomplete()`方法,传入配置对象,指定数据源...
**标签与部分内容解析:** 标签“jquery ajax”揭示了jQuery与AJAX之间的紧密联系,而部分内容介绍了如何在项目中引入jQuery库,以及如何正确地调用jQuery函数。 **核心知识点:** 1. **安装jQuery:** 在Web项目...
JavaScript(JS)是实现这个功能的主要编程语言,它负责与用户交互,处理DOM操作,以及调用jQuery库。在自动补全功能中,JavaScript可能使用了字符串匹配算法,如模糊搜索、前缀匹配或Trie树等,来快速找出与用户...