jQuery | externalWidth() 方法

jQuery 中的outerWidth() 方法用于返回元素的外宽值，包括边框和内边距。

句法：

$(selector).outerWidth( includemargin )

参数：此方法接受可选的单个参数 includeMargin。它包含布尔值，用于指定是否包含边距。如果 includeMargin 设置为 true 则包含边距，否则不包含边距。默认情况下，includeMargin 设置为 false。

示例 1：此示例显示包括边距在内的外部宽度。

      

    
        jQuery outerWidth() Method
    
      
    
    
        .GFG {
            height: 200px;
            width: 350px;
            padding: 20px;
            margin: 3px;
            border: 3px solid green;
            background-color: lightgreen;
        }
    
      
    
    
      
    
    
        $(document).ready(function() {
            $("button").click(function(){
                alert("Outer width of div: " 
                + $("div").outerWidth(true));
            });
        });
    

  

      
    outerwidth
   
    
  

  

点击按钮前：

点击按钮后：

示例 2：此示例显示外部宽度，不包括边距。

  

    
        jQuery outerWidth() Method
    
      
    
    
        .GFG {
            height: 200px;
            width: 350px;
            padding: 20px;
            margin: 3px;
            border: 3px solid green;
            background-color: lightgreen;
        }
    
      
    
    
      
    
    
        $(document).ready(function() {
            $("button").click(function() {
                alert("Outer width of div: "
                + $("div").outerWidth());
            });
        });
    

  

    outerwidth
   
    
   

点击按钮前：

点击按钮后：