jQuery UI Spinner option() 方法

  jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI 微调器小部件帮助我们使用向上和向下箭头增加和减少输入元素的值。在本文中，我们将看到如何在 jQuery UI 滑块中使用 option() 方法。 option()方法用于获取 jQuery UI 微调器中特定当前滑块选项的对象。

句法：

var a = $(".selector").spinner("option");

var a =  $(".selector").spinner("optionName","value");

var a  =  $(".selector").spinner("options");

方法：

• 首先，添加项目所需的 jQuery UI 脚本。

示例 1：以下代码演示了.spinner(option)方法。

HTML

   
      
      
      
      
      
      
       
      
         #gfg input {width: 100px}
      
 
      
         $(function() {
            $("#gfg").spinner();
            $('button').button();
 
            var a = $("#gfg").spinner("option");
            console.log(a)
            });
 
      
   
    
   
      GeeksforGeeks
      jQuery UI | spinner option method
      
   
 

输出：

控制台输出：

示例 2：以下代码演示了.spinner(optionName,value)方法。

HTML

   
      
      
      
      
      
      
       
      
         #gfg input {width: 100px}
      
 
      
         $(function() {
            $("#gfg").spinner();
            $('button').button();
 
            var a = $("#gfg").spinner("option","disabled",true);
            console.log(a)
            });
 
      
   
    
   
      GeeksforGeeks
      jQuery UI | spinner option method
      
   

输出：

•      当禁用选项为false 时，它会提供以下输出。

• 当disabled选项为 true 时，它会提供以下输出。                     

示例 3：以下代码演示了.spinner(options)方法。以下代码有 2 个选项，例如{ disabled: false,step: 2 }。

HTML

   
      
      
      
      
      
      
       
      
         #gfg input {width: 100px}
      
 
      
         $(function() {
            $("#gfg").spinner();
            $('button').button();
 
            var a = $("#gfg").spinner( "option", { disabled: false,step: 2 } );
            console.log(a)
            });
      
   
    
   
      GeeksforGeeks
      jQuery UI | spinner option method
      
   
    

输出：

参考： https://api.jqueryui.com/category/widgets/