jQuery UI Slider option() 方法

jQuery UI 由使用 HTML、CSS 和 jQuery 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI。它通过滑块小部件为我们提供了滑块控件。 Slider 帮助我们使用给定范围获得某个值。在本文中，我们将看到如何在 jQuery UI 滑块中使用 option() 方法。 option() 方法用于获取特定当前滑块选项的对象。

句法：

option(optionName) Method
$( ".selector" ).slider( "option", "disabled" );

或者

option() Method
$( ".selector" ).slider("option");

或者

option(optionName, value) Method
$( ".selector" ).slider( "option", "disabled", true );

或者

option(options) Method
$( ".selector" ).slider( "option", { disabled: true } );

方法：首先，添加项目所需的 jQuery UI 脚本。

示例 1：本示例描述了 option() 方法的实现。

HTML

  

    
    
    
    
    
    
  
    
        $(function() {
            $("#gfg").slider();
            var a = $("#gfg").slider("option");
            console.log(a)
        });
    

  

    GeeksforGeeks
    jQuery UI slider option() method
  
    

  

输出：

示例 2：本示例描述了 option(optionName, value) 方法的实现。

HTML

  

    
    
    
    
    
    
  
    
        $(function() {
            $("#gfg").slider();
            $("#gfg").slider("option", "disabled", true);
        });
    

  

    GeeksforGeeks
    jQuery UI slider option(optionName, value) Method
      
    

  

输出：

示例 3：本示例描述了 option(options) 方法的实现。

HTML

  

    
    
    
    
    
    
  
    
        $(function() {
            $("#gfg").slider();
            $("#gfg").slider("option", {
                disabled: true
            });
        });
    

  

    GeeksforGeeks
    jQuery UI slider option(options) Method
    

  

输出：

示例 4：本示例描述了 option(optionName) 方法的实现。

HTML

  

    
    
    
    
    
    
  
    
        $(function() {
            $("#gfg").slider();
            var a = $("#gfg").slider("option", "disabled");
            console.log(a)
        });
    

  

    GeeksforGeeks
    jQuery UI slider option(optionName) Method
  
    

  

输出：

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