jQuery UI Progressbar option(optionName) 方法

简介

jQuery UI Progressbar 是 jQuery UI 中提供的进度条插件。option() 方法可以用于设置或获取 Progressbar 的属性值，例如 value、max、disabled 等。该方法可以接收一个参数 optionName，表示要设置或获取的属性名。如果未提供 optionName，则返回 Progressbar 的所有属性。该方法返回一个 jQuery 对象，可以方便地进行链式调用。

语法

$( ".selector" ).progressbar( "option", optionName )
$( ".selector" ).progressbar( "option", optionName, value )
$( ".selector" ).progressbar( "option", options )

参数

• optionName：一个字符串类型的参数，表示要设置或获取的属性名。如果未提供 optionName，则返回 Progressbar 的所有属性。
• value：一个任意类型的参数，表示要设置的属性值。
• options：一个对象类型的参数，表示要设置的多个属性值。

返回值

该方法返回一个 jQuery 对象，可以方便地进行链式调用。

示例

获取属性值

var value = $( "#progressbar" ).progressbar( "option", "value" );
var max = $( "#progressbar" ).progressbar( "option", "max" );
var disabled = $( "#progressbar" ).progressbar( "option", "disabled" );

设置属性值

$( "#progressbar" ).progressbar( "option", "value", 50 );
$( "#progressbar" ).progressbar( "option", "max", 100 );
$( "#progressbar" ).progressbar( "option", "disabled", true );

设置多个属性值

$( "#progressbar" ).progressbar({
    value: 50,
    max: 100,
    disabled: true
});

注意事项

• optionName 不区分大小写，例如 "value" 和 "VALUE" 是等价的。
• 如果 optionName 是一个对象，则表示要设置多个属性值。
• 如果要获取 Progressbar 的属性值，可以省略 value 参数。
• 如果要设置 Progressbar 的属性值，必须提供 value 参数或 options 参数。
• Progressbar 的属性值会随着用户的交互发生变化，可以使用 option() 方法获取最新的属性值。
• 可以使用 on() 方法来监听 Progressbar 的事件，例如 change 和 complete 事件。

参考链接

• jQuery UI Progressbar API 文档