jQuery UI Spinner option() 方法介绍

概述

jQuery UI Spinner 是一个基于 jQuery UI 的插件，可以为 HTML 表单中的 元素添加微调器的功能。option() 方法是 Spinner 插件提供的一个 API，用于设置或获取 Spinner 微调器的选项。

语法

$( ".selector" ).spinner( "option", optionName );
$( ".selector" ).spinner( "option", optionName, value );
$( ".selector" ).spinner( "option", options );

其中：

• selector：要设置或获取选项的 Spinner 元素选择器。

• optionName：要设置或获取的选项名称。

• value：要为对应选项设置的值。

• options：要设置的多个选项以及对应的值（一个对象）。

返回值

当 optionName 为字符串类型时，option() 方法返回对应选项的值。当 optionName 不为字符串类型时，option() 方法返回选项对象本身。

示例

获取选项值

下面的代码演示了如何使用 option() 方法获取 Spinne 微调器的选项值：

// 获取步进值
var step = $( "#spinner" ).spinner( "option", "step" );
// 获取当前值
var value = $( "#spinner" ).spinner( "option", "value" );

设置选项值

下面的代码演示了如何使用 option() 方法设置 Spinner 微调器的选项值：

// 设置步进值为 5
$( "#spinner" ).spinner( "option", "step", 5 );
// 设置当前值为 50
$( "#spinner" ).spinner( "option", "value", 50 );
// 同时设置多个选项
$( "#spinner" ).spinner( "option", {
    "step": 10,
    "value": 100
});

总结

option() 方法是 Spinner 插件提供的一个重要 API，它可以实现获取和设置 Spinner 微调器的选项值。熟练掌握该方法可以让开发者更加灵活地使用 Spinner 微调器，并提升产品的用户体验。