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:每一次移动时触发