📜  jQuery UI Spinner option() 方法

📅  最后修改于: 2021-10-31 05:08:25             🧑  作者: Mango

  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


   
      
      
      
      
       
      
 
      
   
    
   
      

GeeksforGeeks

      

jQuery UI | spinner option method

            


HTML


   
      
      
      
      
       
      
 
      
   
    
   
      

GeeksforGeeks

      

jQuery UI | spinner option method

          


HTML


   
      
      
      
      
       
      
 
      
   
    
   
      

GeeksforGeeks

      

jQuery UI | spinner option method

          


输出:

控制台输出:

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

HTML



   
      
      
      
      
       
      
 
      
   
    
   
      

GeeksforGeeks

      

jQuery UI | spinner option method

          

输出:

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

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

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

HTML



   
      
      
      
      
       
      
 
      
   
    
   
      

GeeksforGeeks

      

jQuery UI | spinner option method

               

输出:

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