按钮(Button)

用带有适当的悬停(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) - 工具栏       

运行实例 »

点击 "运行实例" 按钮查看在线实例