jQuery UI 对话框 option() 方法

jQuery UI 是一个流行的基于 jQuery 的 UI 组件集合，其中包括弹出框组件 Dialog，该组件提供了多种选项和方法以便进行个性化配置。

其中之一是 option() 方法，它用于动态修改弹出框组件的选项。

语法

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

• selector ：表示弹出框的选择器。
• optionName ：表示要修改的选项名称，字符串类型。
• value ：可选项，新的选项值。

功能

option() 方法用于设置弹出框的选项值。当不传递 value 参数时，该方法返回当前选项值。当传递 value 参数时，该方法设置选项值并返回元素对象。

示例

1. 获取选项值

可以通过 option() 方法获取弹出框的选项值。

var autoOpen = $( "#dialog" ).dialog( "option", "autoOpen" );
console.log(autoOpen); // 输出 true

2. 修改选项值

使用 option() 方法可以动态修改弹出框的选项值。

$( "#dialog" ).dialog( "option", {
    title: "新标题",
    width: 500,
    height: 300
});

当传递一个选项对象时，可以同时设置多个选项值。上述示例将弹出框的标题、宽度及高度分别修改为 "新标题"、500 和 300。

结语

option() 方法是 jQuery UI 对话框组件中的一个非常实用的方法，它能够动态修改组件的选项值，给开发者提供了许多个性化配置的扩展方式，因此务必掌握。