JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE 6.0+, FF1.5+, Safari 2.0+, Opera 9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
jQuery是一个兼容多浏览器的javascript库,核心理念是write less,do more(写得更少,做得更多)。jQuery在2006年1月由美国人John Resig在纽约的barcamp发布,吸引了来自世界各地的众多JavaScript高手加入,由Dave Methvin率领团队进行开发。如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用jQuery。
jQuery是免费、开源的,使用MIT许可协议。jQuery的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax以及其他功能。除此以外,jQuery提供API让开发者编写插件。其模块化的使用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。
jQuery,顾名思义,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库。
- 动态特效
- AJAX
- 通过插件来扩展
- 方便的工具 - 例如浏览器版本判断
- 渐进增强
- 链式调用
- 多浏览器支持,支持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
1<script type=
"text/javascript"
src=
"http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"
></script>
提示:通过 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]
1<script type=
"text/javascript"
src=
"http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"
></script>
提示:使用谷歌或微软的 jQuery,有一个很大的优势:
许多用户在访问其他站点时,已经从谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。
新浪 CDN[4]
1<script type=
"text/javascript"
src=
"http://libs.baidu.com/jquery/2.0.3/jquery.min.js"
></script>
百度 CDN [5]
1<script type=
"text/javascript"
src=
"http://libs.baidu.com/jquery/2.0.3/jquery.min.js"
></script>
为了保险起见,当无法从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公共库,速度更快,稳定性更高。