jQuery Mobile Collapsibleset option() 方法

jQuery Mobile是一种基于 Web 的技术，可用于为可在所有类型的智能手机、平板电脑和台式机上访问的网站制作响应式内容。

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

句法：

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

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

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

2.要将所有选项作为键值对获取，您只需调用option()方法，不向该方法传递任何参数。

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

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

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

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

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

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

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

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

CDN 链接：添加您的项目所需的以下 jQuery Mobile 脚本。

示例：此示例演示了jQuery Mobile Collapsibleset option()方法。

HTML

      

    
    
    
    
    
    
          
    
        $(function () {
            $("#btn").on('click', function () {
                var options = $("#divID").collapsibleset("option");
                $("#gfg").html("No of key/value pair present : " 
                               + Object.keys(options).length);
            });
        });
    

  

    
        
            
                GeeksforGeeks
                
                    jQuery Mobile Collapsibleset option() Method
                
            
            
                
                    
                        HTML
                        
                            HTML stands for HyperText Markup Language. 
                            It is used to design web pages using a 
                            markup language. HTML is the combination 
                            of Hypertext and Markup language. Hypertext 
                            defines the link between the web pages.
                        
  
          
                          
                    
                        CSS
                        
                            CSS (Cascading Style Sheets) is a stylesheet 
                            language used to design the webpage to make 
                            it attractive. The reason of using CSS is to 
                            simplify the process of making web pages 
                            presentable.
                        
  
          
                          
                    
                        JavaScript
                        
                            JavaScript is the world most popular lightweight, 
                            interpreted compiled programming language. It is 
                            also known as scripting language for web pages. 
                        
  
          
                    
                
                
              
            
            
              
        
    

输出：

jQuery Mobile Collapsibleset option() 方法

参考： https://api.jquerymobile.com/collapsibleset/#method-option