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

冷不防 2024-03-24 14:18 47阅读 0赞

小部件（Widgets）是功能丰富、有状态的插件，它有一个完整的生命周期，带有方法和事件。您可以查看 [部件库（Widget Factory）文档][Widget Factory] 了解更多详情。

<table> 
 <tbody> 
  <tr> 
   <th>API</th> 
   <th>描述</th> 
   <th>也属于类别</th> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-accordion.html" title="折叠面板部件（Accordion Widget）" rel="nofollow">折叠面板部件（Accordion Widget）</a></td> 
   <td>把一对标题和内容面板转换成折叠面板。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-autocomplete.html" title="自动完成部件（Autocomplete Widget）" rel="nofollow">自动完成部件（Autocomplete Widget）</a></td> 
   <td>自动完成功能根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-button.html" title="按钮部件（Button Widget）" rel="nofollow">按钮部件（Button Widget）</a></td> 
   <td>可主题化的按钮和按钮集合。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-datepicker.html" title="日期选择器部件（Datepicker Widget）" rel="nofollow">日期选择器部件（Datepicker Widget）</a></td> 
   <td>从弹出框或在线日历选择一个日期。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-dialog.html" title="对话框部件（Dialog Widget）" rel="nofollow">对话框部件（Dialog Widget）</a></td> 
   <td>在一个交互覆盖层中打开内容。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-jQuery-widget.html" title="部件库（Widget Factory）" rel="nofollow">部件库（Widget Factory）</a></td> 
   <td>使用与所有 jQuery UI 小部件相同的抽象化来创建有状态的 jQuery 插件。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-utilities.html" title="实用工具（Utilities）" rel="nofollow">实用工具（Utilities）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-jQuery-widget-bridge.html" title="插件桥（Widget Plugin Bridge）" rel="nofollow">插件桥（Widget Plugin Bridge）</a></td> 
   <td>jQuery.widget.bridge() 方法是 jQuery 部件库（Widget Factory）的一部分。它扮演着由 $.widget() 创建的对象和 jQuery API 之间的中介。</td> 
   <td><a href="https://www.runoob.com/jqueryui/ref-utilities.html" title="实用工具（Utilities）" rel="nofollow">实用工具（Utilities）</a></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-menu.html" title="菜单部件（Menu Widget）" rel="nofollow">菜单部件（Menu Widget）</a></td> 
   <td>带有鼠标和键盘交互的用于导航的可主题化菜单。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-progressbar.html" title="进度条部件（Progressbar Widget）" rel="nofollow">进度条部件（Progressbar Widget）</a></td> 
   <td>显示一个确定的或不确定的进程状态。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-slider.html" title="滑块部件（Slider Widget）" rel="nofollow">滑块部件（Slider Widget）</a></td> 
   <td>拖动手柄可以选择一个数值。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-spinner.html" title="旋转器部件（Spinner Widget）" rel="nofollow">旋转器部件（Spinner Widget）</a></td> 
   <td>通过向上/向下按钮和箭头键处理，为输入数值增强文本输入功能。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-tabs.html" title="标签页部件（Tabs Widget）" rel="nofollow">标签页部件（Tabs Widget）</a></td> 
   <td>一种多面板的单内容区，每个面板与列表中的标题相关。</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td><a href="https://www.runoob.com/jqueryui/api-tooltip.html" title="工具提示框部件（Tooltip Widget）" rel="nofollow">工具提示框部件（Tooltip Widget）</a></td> 
   <td>可自定义的、可主题化的工具提示框，替代原生的工具提示框。</td> 
  </tr> 
 </tbody> 
</table>

[Widget Factory]: https://www.runoob.com/jqueryui/api-jQuery.widget.html