博客

jQuery UI Button option()方法

  • Post category:jquery

jQuery UI 的 Button 组件提供了一个 option() 方法，该方法用于获取或设置 Button 实例的选项。在本教程中，我们将详细介绍 Button 的 option() 方法的使用方法。

option() 方法基本语法如下：

$( ".selector" ).button( "option", optionName [, value ] );

其中，”.selector” 是 Button 的 CSS 选择器，optionName 是要获取或设置的选项名称，value 是要设置的选项值（可选）。

以下两个示例：

示例一：使用 Button 的 option() 方法获取选项值

$( "#my-button" ).button({
  label: "Click me"
});

var label = $( "#my-button" ).button( "option", "label" );

这将创建一个名为 my-button 的 Button 实例，并将其标签设置为 “Click me”。然后，使用 option() 方法获取该实例的标签选项值。

示例二：使用 Button 的 option() 方法设置选项值

$( "#my-button" ).button({
  label: "Click me"
});

$( "#change-label" ).click(function() {
  $( "#my-button" ).button( "option", "label", "New label" );
});

这将创建一个名为 my-button 的 Button 实例，并将其标签设置为 “Click me”。然后，使用 option() 方法在单击按钮时将该实例的标签选项值更改为 “New label”。

总结：

jQuery UI 的 Button 组件提供了一个 option() 方法，该方法用于获取或设置 Button 实例的选项。要使用 option()，需要将其用于 Button 的 jQuery 对象即可。可以使用 option() 方法获取选项值，也可以使用 option() 方法设置选项值。

Tags: