以下是 jQuery UI CSS 框架 API 的基本用法：
使用 jQuery UI CSS 类
jQuery UI 使用一系列的 CSS 类来定义其组件的样式。通过为 HTML 元素添加这些类，你可以应用相应的样式。
例如，要应用按钮（Button）的样式，你可以添加 ui-button 类：
<button class="ui-button">Click me</button>
使用状态类
每个组件都有一些状态类，用于表示组件的不同状态，例如悬停、激活、禁用等。你可以根据需要添加这些状态类。
<button class="ui-button ui-state-hover">Hover me</button>
使用主题类
你可以使用 ui-theme 类为元素应用特定的主题。
<button class="ui-button ui-theme">Themed button</button>
使用图标类
jQuery UI 提供了一组图标类，可以为元素添加图标。图标类的格式为 ui-icon-{iconType}。
<span class="ui-icon ui-icon-heart"></span>
高级用法：使用 LESS 或 SASS
如果你的项目使用 LESS 或 SASS 预处理器，你还可以使用 jQuery UI 的源代码，包括其变量和混合（mixins）来更灵活地定制样式。
例如，使用 LESS：
// 引入 jQuery UI 源码
@import "jquery-ui/themes/base/all.css";
// 定制按钮的背景颜色
.ui-button {
background-color: #ff6600;
}
这只是 jQuery UI CSS 框架 API 的一些基本用法。通过查阅 jQuery UI 的文档，你可以了解更多可用的 CSS 类和样式。这个 API 为开发者提供了一种非常灵活的方式，可以在不使用完整 jQuery UI 组件的情况下，利用其样式来设计自定义的用户界面。
转载请注明出处：http://www.zyzy.cn/article/detail/13037/jQuery UI