
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。后续版本的使用,有可能与博文中所写有出入。本博能力与精力有限,无法做到后续版本的跟进支持,希望各位谅解。
延伸阅读:
- Jquery Tools——不可错过的Jquery UI库(二)
- jQuery Tools——不可错过的jQuery UI库(五)
- Jquery Tools——不可错过的Jquery UI库(三)
- jQuery Tools——不可错过的jQuery UI库(六)
- Jquery Tools——不可错过的Jquery UI库(四)
- 完美显示文件树的Jquery插件(支持Ajax及多种动态脚本)
- FullSize:一个新的IMG标签属性(附带JQuery实现)
- jQuery 1.4正式发布:一起来看有哪些新变化(上篇)
版权声明:
本站内容受著作权法保护。个人网站、blog转载时请遵循 “署名-非商业用途-保持一致” 的创作共用协议;商业网站或媒体未授权不得复制本站内容。
友情提示:
如对本文有任何疑问,或在示例的使用中遇到问题,或有好的建议,欢迎在下面留言共同学习,有问必答。


写得不错,支持下
收藏啦~
关注
[...] Jquery Tools——不可错过的Jquery UI库(一):简介 [...]
[...] Jquery Tools——不可错过的Jquery UI库(一):简介 [...]
[...] Jquery Tools——不可错过的Jquery UI库(一):简介 [...]
呵呵,不错。收藏,好好学习下
[...] http://css9.net/flexible-ui-library-jquery-tools/这个博客上对这个UI库有比较详细的说明,我就不赘述了。有兴趣的可以尝试一下。 分类: JavaScript 标签: jquery, tab, UI 评论 (0) Trackbacks (0) 发表评论 Trackback [...]
我正在研究jQuery 会常常来光顾的
一起学习,共同进步。
[...] Jquery Tools——不可错过的Jquery UI库(一):简介 [...]
JJQUERY TOOLS可以和QUERY 同时在网页中加载吗?
你说的query 是指jquery么?
jquery tools是基于jquery的,加载它之前必须先加载jquery文件
[...] jQuery Tools 使用也很简便,只需几行调用代码即可,其官方站点包含大量演示和调用代码可以参考。以下是该 UI 库中包含的详细介绍(以下内容摘自CSS9.net)。 [...]
[...] This post was mentioned on Twitter by JQuery Watcher, dog_race. dog_race said: http://tinyurl.com/22ox4qm Jquery Tools——不可错过的Jquery UI库(一) – CSS9.NET(CSS9.NET) [...]
[...] Jquery Tools——不可错过的Jquery UI库(一) – CSS9.NET (tags: jquery javascript) [...]
[...] Jquery Tools——不可错过的Jquery UI库(一):简介 [...]
牛!太牛了!支持下!
I totally love this article. I think you could write some other things to make your blog more complete.For example: ed hardy.vibram five fingers.p90x workout schedule. mbt shoes. hardy caps. vibram fivefingers kso trek. mbt chapa dawn shoes.
ghd straightener
ugg ugg boots
replica louis vuitton handbags
edhardyI thought that many people can like.
Vibram Five Fingers Classic
Vibram Five Fingers Flow
Well said. I never thought I would agree with this opinion, but I’m starting to view things from a different view.Christian Louboutin Boots
Christian Louboutin D’orsay
I have to research more on this as it seems very interesting. One thing I don’t understand though is how everything is related together.
vibram bikila
Vibram Five Fingers KSO