李龙生廊坊师范学院信息技术提高班第八期_H5之家

前言

随着Web网页的开速度，jQuery库越来越不能满足开发人员的需要，慢慢的有人开发出来了jQuery-UI库，专门用来设计Web前端的界面库，我们只需在程序中引入这个库即可轻松便捷的设计出各种绚丽的界面效果。

简介

jQuery-UI（User Interface）是在jQuery库的基础之上开发的，因此它依赖于jQuery，目前jQuery-UI已经开发到了1-9-0版本，里面提供了平时开发中常用的大部分界面效果，比如按钮、滚动条、GridView、弹出框等等，另外如果你水平够高，还可以自己开发UI控件，目前很多公司里面都在用它来开发前台。

一种最简单的例子--Dialog

如果想在Web页面上出现一个提示信息对话框，一般有两种方法，一是在JavaScript中内置的 Confirm()、Alert()之类的；另一种是Web页面，设置它的大小改变的和对话框类似，但这两种对话框局限性比较大，满足不了我们开发中的需求，至少你不能在上面自定义按钮、显示图片、视频等等，而Dialog可以，它不仅仅提供了很多默认属性，还可以自定义新属性，大大扩展了对话框的功能，下面先看一下它常用的属性、方法。

应用

引入用到的UI库以及CSS，如下

建立一个DIV标签，如下

<body> //打开对话框按钮 <input id="btn" type="button" value="打开对话框" /> //DIV标签 <div id="dialog" title="信息提示框"> <p>你好！李龙生</p> </div> </body>

现在就可以建立对话框了，然后，我们可以根据自己需要定制一些属性值

Button，通过Key/Value方式设定，Value值表示一个CallBack回调函数，当单击某一个按钮时相应的回调函数就会触发，然后，执行代码。

4区别

5.下载

关于jQuery-UI以及更多内容可以看这个网站

李龙生 廊坊师范学院信息技术提高班 第八期

李龙生廊坊师范学院信息技术提高班第八期