如何将jQueryUI主题应用于我的常规html？

我将jQuery UI用于各种小部件，如对话框、按钮等。我希望继续将主题用于其他网页元素，如错误/警报通知和突出显示样式。因此，我转到themeroller页面，查看他们在css中使用的内容，例如，警告通知：

<div class="ui-widget">
    <div style="padding: 0 .7em;" class="ui-state-error ui-corner-all"> 
        <p><span style="float: left; margin-right: .3em;" class="ui-icon ui-icon-alert"></span> 
        <strong>Alert:</strong> Sample ui-state-error style.</p>
    </div>
</div>

警报：示例ui状态错误样式

---

有一个包装器div、带背景图标的span等等。我是复制它们还是jQuery UI javascript为我创建了一些？将主题应用于非小部件html的正确方法是什么

只需将其应用于您自己的HTML。不需要Javascript（悬停状态除外）

当您使用jQueryUI的小部件时，Javascript会使用这些类创建所有HTML

如果需要悬停状态，则必须切换

ui状态悬停

类。为此，您需要Javascript：

$('.ui-state-error').hover(function(){
    $(this).toggleClass('ui-state-hover');
});

---

默认情况下，您只能使用站点上的themeroller预定义元素：按钮、图标、标题栏等，以及所有jquery小部件，如datepicker、dialogs、highlight/error——几乎所有您在上看到的元素

要存档此文件，您必须复制html和html标记的相应类，浏览器将应用包含的themeroller.css中的样式

---

然而，这也意味着您的布局有点受限。只要将正确的css类（.ui-state-default、.ui-state-hover、.ui-state-disabled、icons等）应用到html中，就可以包含其他非主题开关元素，以便能够使用主题开关-有关适用类的完整列表，请参阅

将什么应用于我自己的html？包含类ui小部件和类ui状态错误以及ui角点全部的包装器div？@at。-对的只需复制这段HTML，并按原样使用它。