jQuery 如期发布了其UI组件框架1.0版本,基于jQuery框架强大的功能(jQuery’s API is deceptively simple, it is consistent across browsers, well documented, it supports many features developers have come to expect of a library, it has a compelling plugin architecture making jQuery extensible in a future-proof manner, and it has an active development cycle and community.),相信jQuery UI应该有很好的前途。
从架构上来看,jQuery UI仍然沿用jQuery的plugin框架机制,这对于保持jQuery架构的稳定性和扩展性是至关重要的,相比较而言,Scriptaculous之于prototype在架构的一致性和延续性上稍显凌乱,从这一层面来说,prototype只能称之为javascript library。
1、jQuery UI的定位:
jQuery UI is a fully themed interaction and widget library built on top of jQuery.
jQuery project which will focus on developing high-quality, reusable, components that you’ll be able to drop in your applications.
2、jQuery UI的一些功能:
Mouse Interaction
- Draggables – Makes items draggable by the mouse
- Droppables – Makes drop targets for draggables
- Sortables – Makes a list of items mouse sortable
- Selectables – Makes a list of items mouse and keyboard selectable
- Resizables – Makes an element resizable
User Interface Extensions
- Accordion – A collapsible content pane
- Calendar – A dynamic date picker
- Dialog – Modal floating windows and confirmation dialogs
- Slider – A sliding input element
- Table – A sortable table
- Tabs – A tabbed content pane
Effects
- Shadow – Generates dynamic drop shadows on any element.
- Magnifier – Increase and decrease the size of an element, based upon proximity
Other Controls(尚在完善中,参看trunk/plugins/ui )
- Menu,
- Form Controls
- Tree
- Splitter
- Rich Text Editor
- Uploader
- Toolbar
- Progress
- Modal
- Emboss
- Download
- 等等
3、例子
可以参看:
http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery/
http://dev.jquery.com/view/trunk/plugins/ui/apps/gallery_advanced/
http://dev.jquery.com/view/trunk/plugins/ui/apps/js_os/
从js_os的初步架构来看,jQuery项目组应该是要基于jQuery搭建一个webos
4、参考文档
http://jquery.com/blog/2007/09/17/jquery-ui-interactions-and-widgets/