内容介绍
jQuery UI 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容 IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 Google Chrome。
jquery ui组件构成:
jQuery UI 主要分为3个部分:交互、微件和效果库。
交互
交互部件是一些与鼠标交互相关的内容,包括Draggable,Droppable,Resizable,Selectable和Sortable等。
微件
主要是一些界面的扩展,包括Accordion,AutoComplete,ColorPicker,Dialog,Slider,Tabs,DatePicker,Magnifier,ProgressBar,Spinner等,新版本的UI将包含更多的微件。
效果库
用于提供丰富的动画效果,让动画不再局限于jQuery的animate()方法。
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 的目录结构,让你想用什么效果就可以找到什么效果。