如何使用 jQuery-ui 创建控件组小部件？

控件组用于将一组按钮分组以在视觉上形成单个块。它看起来像一个导航组件。 Controlgroup 用于对各种输入小部件（如复选框、按钮等）进行分组。

水平控件组小部件：在水平控件组中，我们可以水平创建一组按钮。

句法：

$(".first_class" ).controlgroup({});

例子：

HTML

  

    
  
    
    
    
    

  

    
        GeeksforGeeks
        
            
                Stationery
            
            
            
                Electronics
            
            
            
                Clothing
            
            
        
  
        
            $(document).ready(function () {
                $(".first_class").controlgroup({});
            })
        
    

  

输出：

垂直控件组小部件：在垂直控件组小部件中，我们可以垂直创建一组按钮。

句法：

$(".first_class").controlgroup({"direction": "vertical"});

例子：

HTML

  

    
    
    
    
    

  

    
        GeeksforGeeks
        
            
                Stationery
            
            
            
                Electronics
            
            
            
                Clothing
            
            
        
  
        
            $(document).ready(function () {
                $(".first_class").controlgroup(
                    { "direction": "vertical" });
            })
        
    

  

输出：