jQueryui的各版本下载地址,以及学习jQuery ui的个人经验（供学习）

给各位同学想下载jQueryui的地址：
http://jqueryui.com/download/all/
可能同学想我一样刚刚接触jQueryui,就算下载了也不会用，不知道怎样部署，以下是我学习的经验：

我现在的版本是：



下载后，解压后，文件夹路径如下：



其中：

1、 index.html:  jQuery ui中包含小组件和CSS类的一个概览。

2、 js: 该文件夹包含了最新的、完整版本的jQuery UI 库的副本，还包含了一个jQuery核心库的一个副本。

3、 css： 该文件夹包含了一个默认的jQuery UI主题。

4、 development-bundle： 该文件夹包含了完整的、未精简版本的所有jQuery UI文件。

jQuery UI包含了一个复杂而完备的CSS框架， 它使所有小组件都具有一个统一的外观和效果。

CSS框架的相关文件位于两个地方：一是在顶层的css文件夹中，二是在development-bundle/themes文件夹中。顶层css文件夹中的.css文件将所有CSS类的定义全部放在一个文件中，这可以减少获取CSS定义的HTTP请求的数量。位于development-bundle文件夹中的CSS文件，既包含了base主题，也包含了用户选中的主题。

以上是从jQuery的pdf中知道的

以下是我自己的学习经验：

我使用的是：折叠面板（Accordion）

说先寻找demo：jquery-ui-1.10.4\development-bundle\demos

在该路径下找到accordion文件夹，这里面有我们需要的东西。然后我们先实验collapsible.html，

双击该HTML，在360浏览器显示如下：

但是我想剥离这个项目出来：

步骤如下：



先把collapsible.html拿出来，放在自己创建的文件夹accordion中，

然后打开collapsible.html，找到需要的css，js，如下：



其中这四个



是在：和demos在同一级的ui里面找（路径是：jquery-ui-1.10.4\development-bundle\ui）

这个



和accordion在同一级（路径是：jquery-ui-1.10.4\development-bundle\demos）

这个



是在：jquery-ui-1.10.4\development-bundle\themes\base中。

把以上这些都放在accordion文件夹中，我的目录如下：



这样就可以有独立运行了。