jQuery UI Selectable option() 方法

jQuery UI由使用jQuery 、 JavaScript库实现的 GUI 小部件、视觉效果和主题组成。

jQuery UI 非常适合为网页构建 UI 界面。它可用于构建高度交互的 Web 应用程序，也可用于轻松添加小部件。

在本文中，我们将使用jQuery Mobile 的 Selectable option() 方法。使用此方法，我们可以获取、设置或更新可选小部件的任何参数值。我们还可以使用此方法将所有选项作为键值对获取。

句法：

1. 如果用户想要任何选项的值，则应在option(optionName)方法中传递选项名称。 optionName应该是字符串类型。

• optionName：此参数是我们需要以字符串形式传递的输入，我们需要为其获取值。
• 返回值：我们根据期权数据类型得到各自的返回值。

var isEnhanced = $("Selector").selectable("option", "enhanced");

2. 获取所有选项作为键值对，只需要调用option()方法，不传参数即可。

• return：该方法以optionName-optionValue对集合的形式返回所有选项的键值对列表。

var options= $("Selector").selectable("option");

3、设置任意选项的值，只需要调用option(optionName, value) ，以optionName和value作为参数。

• optionName：选项方法需要选项名称作为第一个参数，该参数为字符串类型。
• value：选项方法需要选项名称作为第二个参数，该参数为字符串类型。

$("Selector").selectable("option", "enhanced", "false");

4. 我们也可以设置多个选项而不是只设置一个，你只需要调用option(options)方法，其中options是选项列表。

• options：是optionName-value对作为输入的map，用来设置传递的值对应的options，属于object类型。

$("Selector").selectable("option", {enhanced: false, disabled: true});

CDN 链接：您的项目将需要以下 jQuery Mobile 脚本，因此我们需要将这些脚本添加到您的项目中。

示例：此示例描述了jQuery Mobile 的 Selectable option() 方法的使用。

HTML

    

    
    
    
    
    
    
        h1 {
            color: green;
        }
    
        #list .ui-selecting {
            background: greenyellow;
        }
    
        #list .ui-selected {
            color: white;
            background: green;
        }
    
    
    
        $(function () {
            $("#btn").on('click', function () {
                var option = $("#divID").selectable( "option" );
                document.getElementById('gfg').innerHTML += 
                "No of jQuery object: " 
                  + Object.keys(option).length + "<br>";
            });
        });
    
        $(document).ready(function () {
            $("#list").selectable();
        });
    

    

    GeeksforGeeks
    jQuery UI Selectable option() Method
    GeeksforGeeks Subjects
    
        Data Structure
        Algorithm
        C++
        Java
        HTML
    
    
    
    

    

输出：

jQuery UI Selectable option() 方法

参考： https ://api.jqueryui.com/selectable/#method-option