2014年04月15日 星期二 17:45
jQuery UI是构建与jQuery基础之上的一组可复用的UI组件,包括常用的Accordion、Button、DatePicker、Menu、Dialog、Progressbar、Tabs等等,非常实用。
jQuery UI有两个特点:
1,可以只选择自己需要的组件,这样可以显著缩减js、css文件的体积,加快页面下载速度。例如我去掉了所有Effects组件后,js文件体积会下降大约15%。
2,可以自定义主题(themes),官网还提供了多种设计好的主题供选择下载。并且theme文件是独立的css,我们可以同时拥有多份themes,随时切换。
jQuery UI的使用方法也集成了jQuery的风格,非常简单方便。
例如我们把一个DIV封装为一个Dialog,只需要几行代码:
$( "#dialog" ).dialog({ dialogClass: "no-close", buttons: [ { text: "OK", click: function() { $( this ).dialog( "close" ); } } ] });
官方网站:
各种组件的演示:
Zeuux © 2024
京ICP备05028076号