35、深入探索 jQuery UI 主题定制与样式覆盖

深入探索 jQuery UI 主题定制与样式覆盖

1. jQuery UI 主题的下载与使用

当你使用 jQuery UI 的 ThemeRoller 创建好新主题后，可按以下步骤下载：
- 点击 ThemeRoller 页面左侧的“Download Theme”按钮，进入下载构建器页面。
- 若你需要 jQuery UI 提供的所有部件和功能，直接点击页面底部的下载按钮。
- 若只想下载部分部件，如 Dialog、Datepicker 和 Tabs，取消勾选你不感兴趣的部件、效果和交互，再点击“Download”按钮。

对于已使用 jQuery UI 的网站，更新主题时需注意：
- 选择合适的选项 ：在下载构建器页面，确保选择与当前使用相同的部件、交互和效果选项，否则可能会下载过多或过少的 CSS 文件。
- 替换文件 ：下载新的 jQuery UI 后，仅需替换图片文件夹和 CSS 文件。
1. 替换 CSS 文件 ：jQuery UI 包含六个 CSS 文件，通常只需要 jquery-ui.min.css 文件，它包含了 jQuery 所需的所有 CSS，且文件较小。将新的 CSS 文件放置在原文件所在位置，如网站根目录的 css 文件夹中。
2. 替换图片文件夹 ：不同主题使用不同颜色的图标和背景图案样式，因此需要替换旧的图片文件夹。将新的图片文件夹放置在与 jQuery UI CSS 文件相同的文件夹中。