用带有适当的悬停(hover)和激活(active)的样式的可主题化按钮来加强标准表单元素(比如按钮、输入框、锚)的功能。

如需了解更多有关 button 部件的细节,请查看 API 文档 按钮部件(Button Widget)。

默认功能

可用于按钮的标记实例:一个 button 元素,一个类型为 submit 的 input 元素和一个锚。




  
  jQuery UI 按钮(Button) - 默认功能
  
  
  
  
  


 

 

 
一个锚
 
 


复选框

通过 button 部件把复选框显示为切换按钮样式。与复选框相关的 label 元素作为按钮文本。

本实例通过在一个公共的容器上调用 .buttonset(),演示了三个显示为按钮样式的复选框。




  
  jQuery UI 按钮(Button) - 复选框
  
  
  
  
  
  


 

 

图标

一些带有文本和图标的各种组合的按钮




  
  jQuery UI 按钮(Button) - 图标
  
  
  
  
  


 




 
 


单选

三个单选按钮转变为一套按钮。




  
  jQuery UI 按钮(Button) - 单选
  
  
  
  
  


 

分割按钮




  
  jQuery UI 按钮(Button) - 分割按钮
  
  
  
  
  
  


 

工具栏

一个多媒体播放器的工具栏。请看基础的标记:一些 button 元素,Shuffle 按钮是一个类型为 checkbox 的 input,Repeat 选项是三个类型为 radio 的 input。




  
  jQuery UI 按钮(Button) - 工具栏