Bootstrap  - 讨论区

标题:jQuery UI简介与实践

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" );
            }
        }
    ]
});

 

官方网站:

http://jqueryui.com/

各种组件的演示:

http://jqueryui.com/demos/

 

如下红色区域有误,请重新填写。

    你的回复:

    请 登录 后回复。还没有在Zeuux哲思注册吗?现在 注册 !

    Zeuux © 2024

    京ICP备05028076号