jQuery UI 按钮小部件() 方法

jQuery UI 按钮 widget() 方法返回一个包含按钮视觉表示的对象

句法：

$( ".selector" ).button("widget")

参数：此方法不接受任何参数。

返回值：此方法返回一个对象值。

• jQuery UI 库的链接：

href=”http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css”>

• 或者

href=”https://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css”>

下面是显示此方法实现的示例。

示例 1：

HTML

 
 
  
 
     
     
  
     
     
  
     
     
  
     
          
     
        .height { 
            height: 10px; 
        } 
     
  
     
        $(function () { 
            $("#buttonId, #submitId").button();
  
            $('#buttonId, #submitId').click(function (event) { 
                event.preventDefault(); 
  
                var a = $( this ).button( "widget" );
                console.log(a) 
            });  
        }); 
     
 
  
 
    GeeksforGeeks 
    jQueryUI | Button widget Method 
      
     
        Button element 
          
     
 
  

---

输出：

参考： https://api.jqueryui.com/button/