JQuery UI简介

1 程序库的下载

JQuery UI主页：http://jqueryui.com/

几种不同的下载选择：

（1）使用下载构建器（Download Builder）根据需要下载个性化的包

（2）下载包含所以库的完整开发包，包含每个脚本库的完全版、简化版和精简版——重点介绍

 

2 完整开发包内容简介

（1）demos文件夹

展示了一些列功能烦咧，以及在现实应用中如何使用个UI组件的例子。

（2）tests文件夹

visual子目录：与Demos类型，包含了一系列说明库中各组件不同特性的页面。不同点在于tests文件夹下包含了仍在开发中的、处于beta测试期的组件。通过浏览这个文件夹，可以获悉一些即将发布的很好的想法，这些列子位于tests文件夹下的visual子目录。

unit子目录：QUnit单元测试代码。QUnit是专门为编写JQuery插件或JQuery UI控件提供的，相关介绍见 http://qunitjs.com/。

（3）themes文件夹

主题相关的一些CSS和IMG文件，default主题是浅灰色的中性外观。

（4）ui文件夹

包含了每种组件和特效的所有未简化版代码文件，其中几个子目录包含了简化和打包后的组件，以及i18n文件夹。

完成版对开发组来说是非常有用的，这些文件包含大量注释，对如何使用特定代码给出了建议。

简化后的文件删除了所有的注释、空格和换行。

i18n目录下放置的是日期选择器空间包含的语言包。

 

 3 主题定制器

主题定制器（Theme Roller）是用JQuery编写的主题定制工具，用户可视化的制作自定义的JQuery UI主题，然后将之打包成一个易于使用的可直接下载文件，并且可以直接在项目中使用而无须额外的编码（当然在HTML<link>元素中指定使用样式表的代码除外）。

工具详情见：http://jqueryui.com/themeroller/

 

 4 组件的类别

（1）底层的交互助手

是用来处理鼠标事件并在页面上产生可见对象的控件，每种交互助手都是为执行某种特定功能设计的，包含下列控件：

l 拖动（draggable）

l 放置（droppable）

l 变化尺寸（resizable）

l 选择（selectable）

l 排序（sortable）

（2）高层控件

通常是建立在底层控件所提供的基础之上，包括：

l accordion

l 自动完成

l 日期选择器

l 对话框

l 滑动条

l 选择卡

l 等等，新版本不断更新中