A simple introductory guide to developing a Web interface using the jquery UI library _jquery

A JQuery UI
the jquery UI is a jquery based open source JavaScript Web user interface code base. Package
Visual controls that contain low-level user interaction, animations, effects, and replaceable themes. We can use it directly to build a very
A good interactive Web application.
The website of the JQuery UI is: http://jqueryui.com/
Jquery-ui-x.xx.x.custom.zip
。 The inside directory structure is as follows:
1.css, contains CSS files related to jquery UI;
2.js, contains the jquery UI related JavaScript file;
3.development-bundle, contains a number of different subdirectories: Demos (jquery UI sample file), Docs (jquery
UI document files, themes (CSS theme files), and UI (JQuery UI JavaScript files).
4.index.html, you can view the index page of the jquery UI feature.

Two CSS Theme
CSS themes are the skins of the jquery UI, with a variety of tonal templates available. For programmers, you can use
The most consistent with the site template, for the art, also provides no style template based on design.
Here: http://jqueryui.com/themeroller/to view existing template styles.

Three. Simple Introduction
since the introduction of different components of the jquery UI has similar characteristics and syntax, only two components are described here
is introduced, so that you can say how other components are introduced.
Button buttons

Set the button button to UI 
$ (' #button '). button (); 

Dialog dialog box

Set Div To Dialog dialog box 
$ (' #dialog '). Click (function () { 
 
  $ ("#dialog"). Dialog (); 
 
 

In this form, it can be learned that the introduction of the JQuery UI is the form of the component name () method introduced.