jQuery outerWidth() 方法


jQuery 中的 outerWidth() 方法用於返回一個元素的寬度。該方法包括內邊距和邊框。

輸出

語法如下所示−

$(selector).outerWidth(margin)

上面,margin 是一個布林值,用於指定是否包括邊距。TRUE 是包括邊距。

示例

下面我們來看一個示例來實現 jQuery outerWidth() 方法

 實際演示

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
   $(document).ready(function(){
      $("button").click(function(){
         document.getElementById("demo").innerHTML = "<br>Outer Width of DIV = " + $("div").outerWidth()
      });
   });
</script>
</head>
<body>
<h2>Rectangular Box</h2>
<div style="height:200px;width:500px;padding:30px;margin:1px;background-color:blue;"></div><br>
<button>Outer width of div</button>
<p id="demo"></p>
</body>
</html>

輸出

這將產生以下輸出−

單擊“Div 的外寬度”以獲取外寬度−

更新日期: 30-12-2019

139 次瀏覽

開啟您的 職業生涯

完成課程,獲得認證

開始
廣告
© . All rights reserved.