jQuery UI API 类别 - 小部件（Widgets）

jQuery UI 是一个基于 jQuery 的用户界面库。它提供了许多 UI 小部件（widgets），使得用户可以快速构建出美观、交互性强的 Web 页面。在 jQuery UI 中，小部件被定义为“一种可定制的、可重复使用的组件”，它们可以通过配置选项实现不同的外观和行为。

常用的小部件

按钮（Button）

按钮是常见的用户界面元素，它可以被用来触发某些事件或操作。jQuery UI 提供了大量的样式和选项来自定义按钮的外观和行为：

$( "#button" ).button({
    icons: {
        primary: "ui-icon-gear",
        secondary: "ui-icon-triangle-1-s"
    },
    label: "Custom button"
});

对话框（Dialog）

对话框是一种常见的用户界面组件，通常用于显示重要的信息或与用户进行交互。jQuery UI 提供了一种可定制的对话框小部件，可以轻松地创建一个漂亮的对话框：

$( "#dialog" ).dialog({
    autoOpen: false,
    modal: true,
    buttons: {
        Ok: function() {
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
});

标签页（Tabs）

标签页是一种流行的用户界面元素，即允许用户通过点击不同的标签来浏览不同的内容。通过使用 jQuery UI 的标签页小部件，可以快速构建出一个漂亮的标签页：

$( "#tabs" ).tabs();

进度条（Progressbar）

进度条是一种用于指示任务完成进度的用户界面元素。在 jQuery UI 中，进度条小部件提供了各种选项和事件，可以轻松地创建出一个漂亮并具有交互性的进度条：

$( "#progressbar" ).progressbar({
    value: 37
});

菜单（Menu）

菜单是在 Web 应用程序中广泛使用的用户界面元素，它允许用户从一组选项中进行选择。jQuery UI 的菜单小部件使得菜单的创建变得非常简单：

$( "#menu" ).menu();

小结

上述仅是 jQuery UI 中所有小部件的一小部分，每种小部件都有其自己的一套选项和事件，以满足不同的用户需求。通过使用这些小部件，开发人员可以节省大量时间和精力，更加专注于核心的业务逻辑部分。