阅读 30

学习jQueryUI

原文链接: blog.csdn.net

jQuery UI是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE 6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和GoogleChrome。

关于 jQuery UI的详细教程:

学习jQuery UI

简介
jQuery UI包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。所有的 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插件,专指由jQuery官方维护的UI方向的插件
jQuery UI 与 jquery 的主要区别是:
(1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。

(2) jQuery UI则是在jQuery的基础上,利用jQuery的扩展性,设计的插件。提供了一些常用的界面元素,诸如对话框、拖动行为、改变大小行为等等。

课程列表:

课时1:jQuery UI 简介 课时2:jQuery UI 下载课时3:jQuery UI 使用 课时4:jQuery UI 定制 课时5:jQuery UI 工作原理 课时6:jQuery UI 主题课时7:jQuery UI ThemeRoller 课时8:jQuery UI CSS 框架 API 课时9:jQuery UI 设计主题 课时10:jQuery UI 部件库(Widget Factory)