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

来源:互联网 发布:那些引擎源码能用 编辑:程序博客网 时间:2024/05/20 22:39

给各位同学想下载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文件夹中,我的目录如下:


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

0 0
原创粉丝点击