jQuery UI组件交互设计
jQuery UI 的组件集合，用起来真是省心省力。像对话框、日历选择器、拖拽交互这些功能，基本一行代码就能搞定，效果还挺漂亮的。你要是想在页面里加点交互，又不想自己造轮子，那它真的是个好帮手。
对话框的使用灵活。直接拿一个普通的 Datepicker我觉得实用，尤其是做表单的时候。选日期比手打靠谱多了。能定格式、限制范围、甚至多月显示，体验比原生输入框友好多了。 拖拽功能（ Sortable和Accordion也蛮常用。Sortable 可以做拖动排序，像 Todo 列表那种；Accordion 嘛，一般用来折叠内容区域，节省空间，看着也整洁。 Slider适合调节数值，比如音量、评分；Progressbar就适合给用户一个进度提示，提升交互感。要注意这些组件大多都能配置皮肤，配合主题系统一起用，视觉统一度更高。 你还可以试试它的动画效果，比如 如果你是刚接触交互设计，又不太想碰太重的框架，那 jQuery UI 挺适合入门的。要是想深入研究某个组件的玩法，可以看看这些： 如果你已经在用 jQuery 了，那就顺手引入 jQuery UI，体验一下它带来的开发效率提升吧。，加个$("#dialog").dialog()，马上变弹窗。还能设宽高、加按钮、响应事件，确认、取消啥的都挺方便。
draggable 和 droppable）也有意思，比如你想做个可自定义的工作区，让用户自己拖着排位置，用它就够了，响应也快，交互也顺滑。fadeIn、slideUp这些，都封装好了，直接调就能用，连 CSS 都不用自己写。
文件大小：1.94MB
评论区