# 2015年9月5日
\# 2015年9月5日
## Widgets
`accordion()`：可以实现手风琴的展示效果。
`autocomplete()`:自动补全功能。
```
核心代码：
var aototags=["iwen","niefee","css","js","html","ios","java","javascript"];
$("#tags").autocomplete({
source:aototags
});
```
`datepicker()`:可以弹出日期选择框；
```
核心代码：
Date:
$("#txt").datepicker();
```
`dialog()`：对话框；
```
Btn
```
`progressbar()`：进度条;
```
静态设置：
$(function(){
$("#pb").progressbar({value:50});
});
动态滚动:
var pb;
var max=100;
var current=0;
$(document).ready(function(){
pb=$("#pb");
pb.progressbar({max:100})
setInterval(changepb,100);
})
function changepb(){
current++;
if(current>=100){
current=0;
}
pb.progressbar("option","value",current);
$("#pbar").text(current+"%");
}
```
`menu()`：将多级列表选项自动隐藏，可以放置时显示。
`slider()`：显示可拖动的进度条。
`spinner()`：显示选择数字框，`.spinner("value")`可以获取值。
`tabs()`：自动生成标签格式。标题用``的`href`标签连接并 显示下面的指定`id`内容。
```
jQuery代码：
$("#tabs").tabs();
```
## W3C笔记
* `