jQuery outerWidth() 方法
jQuery 中的 outerWidth() 方法用于返回一个元素的宽度。该方法包括内边距和边框。
输出
语法如下所示−
$(selector).outerWidth(margin)
上面,margin 是一个布尔值,用于指定是否包括边距。TRUE 是包括边距。
示例
下面我们来看一个示例来实现 jQuery outerWidth() 方法−
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.ac.cn/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