jQuery UI Spinner widget()方法

jQuery UI Spinner widget()方法

jQuery UI由GUI部件、视觉效果和使用jQuery、CSS和HTML实现的主题组成。jQuery UI对于构建网页的UI界面非常有用。在这篇文章中,我们将看到如何在jQuery UI滑块中使用widget 方法。widget 方法返回jQuery UI spinner中的spinner widget元素。

语法:

$(".selector").spinner("widget");

步骤:

  • 首先,添加你的项目所需的jQuery UI脚本。
<link href = “https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css” rel = “stylesheet”>
<script src = “https://code.jquery.com/jquery-1.10.2.js”></script>
<script src = “https://code.jquery.com/ui/1.10.4/jquery-ui.js”></script>

示例 1:

<!doctype html>
<html lang = "en">
  <head>
    <meta charset = "utf-8">
    <link href = 
"https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
          rel = "stylesheet">
    <script src = "https://code.jquery.com/jquery-1.10.2.js">
       </script>
    <script src = "https://code.jquery.com/ui/1.10.4/jquery-ui.js">
      </script>
  
    <style type = "text/css">
      #gfg input {width: 100px}
    </style>
  
    <script>
      (function() {
        ("#gfg").spinner();
        ('button').button();
  
        var a =("#gfg").spinner('widget');
        console.log(a)
      });
    </script>
  </head>
  
  <body>
    <h1>GeeksforGeeks</h1> 
    <h2>jQuery UI spinner widget method</h2> 
    <input id = "gfg" />
  </body>
  
</html>

输出:

jQuery UI Spinner widget()方法

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程