A simple guide to developing web interfaces using the jQuery UI library_jquery

1. jQuery UI
jQuery UI is an open source JavaScript web user interface code library based on jQuery. Package
Visual controls with low-level user interaction, animations, special effects, and themeable controls. We can use it directly to build a very
Very interactive web application.
The official website of jQuery UI is: http://jqueryui.com/
jquery-ui-x.xx.x.custom.zip
. The directory structure inside is as follows:
1.css, including CSS files related to jQuery UI;
2.js, including JavaScript files related to jQuery UI;
3. Development-bundle, including multiple different subdirectories: demos (jQuery UI sample files), docs (jQuery
UI document file), themes (CSS theme file) and ui (jQuery ui JavaScript file).
4.Index.html, you can view the index page of jQuery UI function.

2. CSS themes
CSS theme is the skin of jQuery UI, and templates of various colors are available for use. For programmers, you can use
The most suitable template for the website; for artists, templates without any style are also provided based on the design.
You can view existing template styles here: http://jqueryui.com/themeroller/.

3. Simple introduction
Since the introduction of different components of jQuery UI has similar features and syntax, only two components are introduced here
The introduction method can be used to introduce other components in the same way.
button button

//将button 按钮设置成UI 
$('#button').button(); 

dialog dialog box

//将div 设置成dialog 对话框 
$('#dialog ').click(function () { 
 
  $("#dialog ").dialog(); 
 
}); 

In this form, we can know that jQuery UI is introduced in the form of component name() method.