jQuery UI 滑块值选项

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建UI 界面。 jQuery UI 通过滑块小部件为我们提供了滑块控件。 Slider 帮助我们使用给定范围获得某个值。在本文中，我们将看到如何在滑块中设置值选项。值选项采用值的数组，为滑块的滑块的把手来设置。

句法：

$(".selector").slider(
   { values : array}
);

参数：此选项接受一个值，如下所述。

• 数组：要设置的滑块句柄的值数组。默认情况下，该值为null 。

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

示例 1：在此示例中，我们将使用数组值为 5、10、15。

HTML

  

    
    
    
      
    
    
  
    
        $(function() {
            $("#gfg").slider({
                values: [5, 10, 15]
            });
        });
    

  

    GeeksforGeeks
    jQuery UI | slider values option
    

  

输出：

示例 2：在此示例中，我们将使用数组值作为 12,18。

HTML

  

    
    
    
      
    
    
  
    
        $(function() {
            $("#gfg").slider({
                values: [12, 18]
            });
        });
    

  

    GeeksforGeeks
    jQuery UI | slider values option
    

  

输出：