jQuery Mobile Button wrapperClass 选项

jQuery Mobile 是一种基于 Web 的技术，用于制作可在所有智能手机、平板电脑和台式机上访问的响应式内容。

在本文中，我们将使用 jQuery Mobile Button wrapperClass选项来指定要在按钮的 wrapper 元素上设置的 CSS 类。

句法：

使用 wrapperClass 选项初始化 Button。

$( ".selector" ).button({
wrapperClass: "custom-class"
});

• 设置 wrapperClass 选项。

  $( ".selector" ).button( "option", 
      "wrapperClass", "custom-class" );

• 获取 wrapperClass 选项。

  var wrapperClass = $( ".selector" )
      .button( "option", "wrapperClass" );

CDN 链接：首先，添加项目所需的 jQuery Mobile 脚本。

示例：此示例描述了 jQuery Mobile 按钮wrapperClass选项。

HTML

  

    
    
    
    
    
    
    

  

    
        
            GeeksforGeeks
            jQuery Mobile Button wrapperClass Option
            
                
                    
                        
                    
                
            
            
            
        
        
            $(document).ready(function () {
                $("#GFG").button({
                    wrapperClass: "custom-class"
                });
                $("#GFG").button("option",
                    "wrapperClass", "custom-class");
                $("#Button").on('click', function () {
                    var a = $("#GFG").button(
                        "option", "wrapperClass");
                    $("#log").html(a);
                });
            });
        
    

  

输出：

jQuery Mobile Button wrapperClass 选项

参考： https://api.jquerymobile.com/button/#option-wrapperClass