jQuery Tools是一组基于jQuery构建的用户界面常用组件的集合。通过使用jQueryTools,网站前端开发无疑会变得更加高效。值得注意的是,jQueryTools的gzip压缩版本仅有5.8k,如此轻量级而且功能实用的UI组件绝对值得我们关注。下面是官方主页对它的一个描述:
jQuery Tools包含如今网站六个最有用的javascript工具。它的一个优点是所有这些工具可以一起使用、扩展、配置和样式化。
最终,通过它你可以制作出众多不同的网站部件,或用个人的方式创造新的应用。(This library contains six of themost useful JavaScript tools available for today’s website. The beautyof this library is that all of these tools can be used together,extended, configured and styled. In the end, you can have hundreds ofdifferent 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中各工具的使用及示例。心急的朋友可以去官方站点的这个页面,上面给出了丰富的示例。