多浏览器支持,支持
Internet Explorer6.0+、Opera9.0+、
Firefox2+、
Safari2.0+、
Chrome1.0+(在2.0.0中取消了对Internet Explorer6,7,8的支持) 使用方法:jQuery可以下载使用,有两个版本的 jQuery 可供下载
Production version - 用于实际的网站中,已被精简和压缩。
Development version - 用于测试和开发(未压缩,是可读的代码)
jQuery 1.8.0版时压缩前后的对比
文件
|
行数
|
大小
|
jquery-1.8.0.min.js
|
2
|
91KB
|
jquery-1.8.0.js
|
9228
|
254KB
|
这两个版本都可以从 jQuery.com官网下载。
也可以从多个公共服务器中选择引用。把jQuery存储在CDN公共库上可加快网站载入速度,CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。与将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。国外的有
Google、
Microsoft等多家公司给jQuery提供CDN服务,国内由新浪云计算(
SAE) 、百度云(BAE)等提供
下面就介绍几个相对来说比较稳定的CDN。并且有jquery1.1至2.0所有版本下载分享
Google CDN
提示:通过 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.9.9)。
Microsoft CDN[3]
提示:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
新浪 CDN[4]
百度 CDN [5]
为了保险起见,当无法从CDN服务器上获取jQuery时,则使用本地jQuery
1
|
<script type= "text/javascript" >window.jQuery||document.write( ‘<scriptsrc="//localhost/jQuery/jquery-2.1.0.min.js"><\/script>‘ );</script>
|
在Wordpress主题中使用的方法为
1
|
<script type= "text/javascript" >window.jQuery||document.write( ‘<scripttype="text/javascript"src="<?phpechoget_template_directory_uri();?>/jquery.min.js">\x3C/script>‘ )</script>
|
注意事项
1、
Wordpress内置jQuery库,其末尾防止JS库冲突而加入的jQuery.noConflict()使得主题中所有jQuery代码都要做一些小修改,更可能导致一些插件效果失效。wordpress建议下载官方jQuery-Min库放到当前主题目录下调用,不要使用wp-includes里面的库。
2、Google CDN库的地址采用了协议相对路径,它可以很好的解决https引起的一些问题,具体可以看Paul Irish的介绍,当然你依旧可以使用带“http:”的路径。
3、许多网站都采用Google CDN提供的jQuery库,使用它可以得到出色的缓存效果。
4、把jQuery代码统统放到页面底部可以提高载入速度。
5、使用
HTML5重构的页面可省略掉 type="text/javascript"。
6、推荐使用国内CDN公共库,速度更快,稳定性更高。