一、jQuery UI——使用
1.引用
<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>
2.基础定制 —— 使用选项 option 选项需放在大括号 { }
内
jQuery UI 中的每个插件都有一个默认配置,默认配置值一般是根据最基本最常见的使用情况设置的。
如果您想要让某个插件设置成非默认值,您可以使用 "options" 重写它的默认设置。
视觉定制 —— ThemeRoller
3.工作原理
安装 —— 当小部件安装时,生命周期开始。我们只需要在一个或多个元素上调用插件,即安装了小部件。
方法 —— 小部件已经初始化,我们就可以查询它的状态,或者在小部件上执行动作
公共方法 —— 每个小部件都有它自己的一套基于小部件所提供功能的方法。然而,有一些方法是所有小部件都共同具有的。
option-通过给 option 方法传递一个对象,一次更新多个选项
disable-方法禁用小部件
enable- 方法是 disable 方法的对立面。
destroy- 如果您不再需要小部件,那么可以销毁它,返回到最初的标记。这意味着小部件生命周期的终止。
widget- 一些小部件生成包装器元素,或与原始元素断开连接的元素
事件 —— 所有的小部件都有跟他们各种行为相关的事件,用于在状态改变时通知您。对于大多数的小部件,当事件被触发时,名称以小部件名称为前缀
公共事件 —— 大多数事件是针对特定的小部件,所有的小部件都有一个公共的 create
事件。该事件在小部件被创建时即被触发。