![](http://www.webresourcesdepot.com/wp-content/uploads/image/jquery-tools.jpg)
Jquery Tools是一组基于Jquery构建的用户界面常用组件的集合。通过使用Jquery Tools,网站前端开发无疑会变得更加高效。值得注意的是,Jquery Tools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:
Jquery Tools包含如今网站六个最有用的javascript工具。它的一个优点是所有这些工具可以一起使用、扩展、配置和样式化。
最终,通过它你可以制作出众多不同的网站部件,或用个人的方式创造新的应用。(This library contains six of the most useful JavaScript tools available for today’s website. The beauty of this library is that all of these tools can be used together, extended, configured and styled. In the end, you can have hundreds of different widgets and new personal ways of using the library. )
下面是Jquery UI包含的工具列表:
- 选项卡功能(Tabs)
- 提示工具条功能(ToolTips)
- 信息滚动功能(Scrollable)
- 遮罩效果(overlay)
- 突出效果(expose)
- Flash嵌入
有人可能会拿jquery tools和jquery ui去做对比,因为这个,国外还有过不小的争论。感兴趣的可以看看这篇文章:Jquery Tools VS Jquery UI,国内也有人对此发表过言论(blogspot被墙了,可能访问不了),下面是一些引用:
原因就出在於TOOLS官網上寫明了它就是要補jQuery UI不足之處,例如:TOOLS有UI缺乏的tooltips、tabs、overlays等功能,且強調檔案比UI還要小。
marcgrabanski認為TOOLS既然對於UI不足之處有意見,最初就應該加入該UI團隊,一起協同開發改造出新版本,畢竟當初是受到UI的啟發,到後來卻因UI不足之處,甚至另起爐灶創立一個新品牌,這樣的行徑並不厚道。
但支持TOOLS的人卻也有不同的聲音,認為網頁開發者本來就是會殷切期望會有更小、更有效率的plugin,UI長久來效能不是最好,不過大家也都無從選擇起,如今又有新的plugin出現,大家樂見其成,應該給予鼓勵。
Jquery Tools在以下浏览器中测试通过:
- Internet Explorer 6+
- Firefox 2.0+
- Chrome 1+
- Opera 9+
- Safari 3+
由于Jquery Tools相关使用要写的东西比较多,所以本博决定分成几篇来写,本篇主要是给大家一个基本的介绍。从下一篇开始依次介绍Jquery Tools中各工具的使用及示例。心急的朋友可以去官方站点的这个页面,上面给出了丰富的示例。
Jquery Tools系列文章导航:
- Jquery Tools——不可错过的Jquery UI库(一):简介
- Jquery Tools——不可错过的Jquery UI库(二):Tabs选项卡
- Jquery Tools——不可错过的Jquery UI库(三):提示工具条
- Jquery Tools——不可错过的Jquery UI库(四):遮罩效果
- Jquery Tools——不可错过的Jquery UI库(五):滚动效果
- Jquery Tools——不可错过的Jquery UI库(六):综合示例
注:本系列文章基于jquery tools 1.0.*版本书写,目前(20091123)版本已升至1.1.2。后续版本的使用,有可能与博文中所写有出入。本博能力与精力有限,无法做到后续版本的跟进支持,希望各位谅解。