基本介绍

　　jQuery Tools 是基于 jQuery 开发的网站界面库，包含网站最常用的Tabs（选项卡）、Tooltip（信息提示）、Overlay（遮罩、弹窗）、Scrollable（滚动控制）、Form Validator（表单验证）、Rangeinput（范围选择）、Dateinput（日期选择）等众多功能。jQuery Tools 提供了高自定义的API接口，能够帮助开发者非常容易的实现所需要的功能，带给用户更佳的使用体验。D3UHTML5中文学习网 - HTML5先行者学习网

 D3UHTML5中文学习网 - HTML5先行者学习网

D3UHTML5中文学习网 - HTML5先行者学习网

 D3UHTML5中文学习网 - HTML5先行者学习网

　　相比 jQuery UI，jQuery Tools 提供了作为网站应用更需要使用的功能，jQuery Tools 提供的功能分为三部分，分别是 UI Tools，Form Tools 和 Tools Box，下面会对每个功能模块分别作介绍，另外 jQuery Tools 要比 jQuery UI 的界面更精美，可定制性更好。除此之外，jQuery Tools 核心代码使用 GZIP 压缩后只有3.9KB，及时包括搜有的扩展功能也才14KB，要比 jQuery UI 轻量很多。D3UHTML5中文学习网 - HTML5先行者学习网

UI Tools

　　UI Tools 部分包括Tabs、Tooltip、Overlay和Scrollable四个功能模块，各功能模块的Demo如下：D3UHTML5中文学习网 - HTML5先行者学习网

　　Tabs（选项卡）

 D3UHTML5中文学习网 - HTML5先行者学习网

D3UHTML5中文学习网 - HTML5先行者学习网

 D3UHTML5中文学习网 - HTML5先行者学习网

1. Minimal setup for tabs
2. Naming the tabs
3. 4 different skins with CSS
4. Using mouseover to switch tabs
5. Making wizards with the tabs
6. Making accordions with tabs
7. Customizing the accordion effect
8. Horizontal accordion using the tabs
9. Multiple tabs and accordion instances
10. Handling browsers back button
11. Loading tab contents with ajax
12. AJAXed tabs with history support
13. Slideshow plugin for the tabs

　　Tooltip（信息提示）

 D3UHTML5中文学习网 - HTML5先行者学习网

D3UHTML5中文学习网 - HTML5先行者学习网

  D3UHTML5中文学习网 - HTML5先行者学习网

1. Basics of using the tooltip
2. Using any HTML inside the tooltip
3. Imitating browsers default tooltip