jQuery UI 教程之一 ——入门

jQuery ui 是基于 jquery 基础类库开发的开源的 javascript 网页UI代码组件库，包含底层用户交互、动画、特效和可更换主题的可视控件，我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。目前最新的版本，使用 jquery ui 前，需了解 jQuery 核心库使用方法和 HTML、CSS、JavaScript 基础知识，当然你应该有一定的 jquery 基础了，你可以去看看本站的 jquery 教程

jQuery UI 践行渐进增强原则，通过标准 HTML 代码保证禁用 JavaScript 环境或移动设备的内容可访问性。利用 JavaScript 代码增强主流浏览器中交互特性，并兼容 WAI-ARIA 标准。各组件“综述”页会提供实例化各组件所需的标准 HTML 结构。

jquery ui主要包含三部分：
1.交互组件，主要包含Draggable,Droppable（拖拽组件）,Resizable（可调整大小组件）,Selectable（选择组件）和Sortable（排序组件）等。这些都是要与鼠标打交道的，所以属于交互组件。
2.微件，微件是组成页面的一个个小组件包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等。
3.效果库，jquery ui 的效果库提供了更加炫酷的效果，是你的动画效果与众不同更加惊艳，效果库在effect目录

本页面就嵌入了一个jquery ui effet效果，是不是很惊艳，下一节开始分析 jquery ui 的目录结构，让你想用什么效果就可以找到什么效果。你可以先看下这篇文章，下载了 jquery UI 如何使用，进行预热。下载 jquery ui 点这里 jquery ui 下载

下一篇：jQuery UI 教程之二 ——jquery ui dialog的使用

您可能感兴趣的文章：