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 的外寬度”以獲取外寬度−

廣告
資料結構
網路
關係型資料庫管理系統
作業系統
Java
iOS
HTML
CSS
安卓
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP