如何使用jQuery UI开发Web程序（3）

1、访问jQuery UI官方网站Demo页面，如下图所示。

3、Widgets第1个为Accordion（手风琴）。Click headers to expand/collapse content that is broken into logical sections, much like tabs. Optionally, toggle sections open/closed on mouseover。如下图所示。

4、Widgets第2个为Autocomplete（自动完成）。The Autocomplete widgets provides suggestions while you type into the field. Here the suggestions are tags for programming languages, give "ja" (for Java or JavaScript) a try.

5、Widgets第3个为Button（按钮）。Enhances standard form elements like buttons, inputs and anchors to themeable buttons with appropriate hover and active styles.

6、Widgets第4个为Datepicker（日期控件）。The datepicker is tied to 锾攒揉敫a standard form input field. Focus on the input (click, or use the tab key) to open an interactive calendar in a small overlay. Choose a date, click elsewhere on the page (blur the input), or hit the Esc key to close. If a date is chosen, feedback is shown as the input's value.