jQuery UI Spinner stepUp() 方法

jQuery UI 由使用 jQuery、CSS 和 HTML 实现的 GUI 小部件、视觉效果和主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQueryUI 微调器小部件帮助我们使用向上和向下箭头增加和减少输入元素的值。在本文中，我们将看到如何在 jQuery UI 滑块中使用 stepUp() 方法。 stepUp() 方法用于在 jQuery UI 微调器中以给定的步数增加步长的值。该方法可以调用三个实体 start、stop 和 spin。

句法：

$(".selector").spinner("stepUp", steps);

参数：此方法接受如上所述和如下所述的单个参数：

• steps：此参数保存要增加的步数。

CDN 链接：首先，添加任务所需的 jQuery UI 脚本 CDN 链接。

示例 1：在此示例中，我们将步的值增加给定的步数，每步值增加 1。

HTML

   
      
      
      
     
      
     
        
      
         #gfg input {width: 100px}
      
  
      
         $(function() {
            $("#gfg").spinner();
            $('button').button();
  
            $('#gfg1').click(function () {
               $("#gfg").spinner("stepUp");
            });
         });
      
   
     
   
      GeeksforGeeks 
      jQuery UI | spinner stepUp method 
      
      
      +1
   
  

输出：

参考： https://api.jqueryui.com/1.11/spinner/#method-stepUp