从零开始学习jQuery (十) jQueryUI常用功能实战

核心提示： 并且针对各种控件不仅提供了详细的参数说明和实例, 还可以随时更换实例的皮肤:图片看不清楚？请点击这里查看原图（大图）。本文主要讲解实例, 大家可以通过实例代码快速上手jQuery UI. 使用jQuery UI我们可以再不借助其他插件的情况下完成大部分页面应用, 说其是一个官方的超级UI插

并且针对各种控件不仅提供了详细的参数说明和实例,　 还可以随时更换实例的皮肤:

图片看不清楚？请点击这里查看原图（大图）。

本文主要讲解实例, 大家可以通过实例代码快速上手jQuery UI.　 使用jQuery UI我们可以再不借助其他插件的情况下完成大部分页面应用, 说其是一个官方的超级UI插件也不为过. 包含所有功能的jQuery UI类库文件为188K, 启用Gzip压缩后是45K. 虽然较大但是一次加载全网站获益.而且45K大小在当今的互谅网时代还算可以接受.

目前还没有jQuery UI的中文教程.　 因为本文是实战篇, 所以不会仔细讲解基础内容. 在后面的章节中我会加入jQuery UI的基础教程.争取成为中文jQuery UI第一教程.

四. 准备工作

我将所有相关的文件, 包括各种类库文件, Theme模板放置在如下路径:

http://www.dotnetapi.com/JSLib/

此路径开通了目录浏览, 可以直接查找需要的文件. 目录组织结构按照本系列: (八) 插播:jQuery实施方案 中介绍的方案组织.

另外也可以从Google上引用文件, Google的CDN速度更快也更有保证, 参见: Google's CDN

本文的实例的所有引用都使用 WebConfig.ResourceServer 这个属性:

public　class　WebConfig
{
　　public　static　string　ResourceServer　=　@"http://www.dotnetapi.com/";

}