Jquery——Day6（button+工具提示）

1、使用button按钮

不一定是input形式，普通的文本也可以进行设置按钮

$('#search_button').button;

2、修改button样式

3、button方法的属性：

disabled：默认为false，若为true，表示非激活。

label：标签

4、单选框、复选框

5、tooltip

（1）调用tooltip()方法

在调用tooltip()方法之前，需要针对元素设置“title”属性

<input type="text" name="user" class="text" title="请输入账号，不少于2位" />

在JavaScript中，

$('#user').tooltip();

（2）修改tooltip()样式

.ui-tooltip{
color:#666;
}

（3）tooltip()方法的属性

对话框有两种形式：1、tooltip(options)，options是以对象键值对的形式传参，每个键值表示是一个选项；

2、tooltip('action,param'),action是操作对话框方法的字符串，param则是options的某个选项。

a、外观选项：disabled（禁止显示工具提示框）

          content（设置title内容）    items（设置选择器以限定范围）

tooltipClass（引入class形式的css样式）

b、页面位置选项

position——使用对象的键值对赋值，有两个参数：my、at

my：以目标点左下角为基准，at是以my为基准。

c、淡入淡出

show：显示（淡入）

hide：隐藏（淡出）

d、行为选项

track：设置为true，能跟随鼠标移动

（4）tooltip()方法的事件

a、create：当工具栏被创建时调用该方法

b、open：当工具栏被显示时，会调用open方法

c、close：当工具栏提示时，会调用close方法。

（5）tooltip()中使用on()

在tooltip的事件中，提供了on()方法处理的事件方法

a、dialogopen：显示时触发

b、tooltipclose：每一次移动时触发