jQuery UI Resizable widget() 方法

jQuery UI 由 GUI 小部件、视觉效果和使用 jQuery、CSS 和 HTML 实现的主题组成。 jQuery UI 非常适合为网页构建 UI 界面。 jQuery UI Resizable widget()方法用于调用小部件方法。此方法不接受任何参数。

句法：

var widget = $( ".selector" ).resizable( "widget" );

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

CDN 链接：

 

 

例子：

HTML

  
  
     
        
      
        
      
        
        
         h1 {
             color: green;
         }
         .container{
             width: 170;
         }
   
         #right-div{
             float: center;
         }
         #left-div,#right-div 
         { 
             width: 150px; 
             height: 150px;   
             text-align: center; 
             border: 2px solid black;
         }  
        
        
         $(function() {  
            $( "#right-div" ).resizable();  
            var widget = $( "#right-div" ).resizable('widget');
            console.log(widget)
         });  
        
     
    
    
      
           GeeksforGeeks  
           jQuery UI Resizable widget() Method
             
                 
                 I'm widget  
              
           
      
     

输出：

• 具有可调整大小的效果：

  

• 在控制台中：