jqueryui入门

==========================

=给亲爱的宁静琦 宝贝我爱你=

===========================

一、准备工作

 

jquery UI 是一组用户界面交互的集合，包括了效果、物件、主题等。它基于JQuery包。不管你是正在建立一个高性能的WEB程序或者只是想做一个时间控件，JQueryUI都是你的最佳选择。

 

jqueryui的下载地址：http://jqueryui.com/download/

 

下载的时候你可以定制你想要主题。

 

二、开始我们的编程

 

开发所需要的资源。

 

我们需要的资源是一个jquery和jqueryui的js文件。

除此以外，我们还需要css文件和图片。这些都可以在下载的压缩包里面找到。

  

1. accordion

 

accordion会把div里面的内容解析成accordion。

 

div的每一层的第一个标签为Title的内容，第二个标签则是第一个标签的内容。

 

如：

 

$( "#accordion" ).accordion();

  

<div id="accordion">
	<div>第一个</div>
	<div><b>这是第一个包围圈</b></div>
	<div>第二个</div>
	<div>第二个包围圈</div>
</div>

 

 2. button

 

这个方法应用于button标签。

 

$("#button").button();

  

 

 详细的文档请参见，附件内容。