jQuery中width，innerWidth和externalWidth，height
我写了一些例子来看看有什么区别，但是它们显示出相同的宽度和高度结果。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var div = $('.test');
var width = div.width(); // 200 px
var innerWidth = div.innerWidth(); // 200px
var outerWidth = div.outerWidth(); // 200px
var height = div.height(); // 150 px
var innerHeight = div.innerHeight(); // 150 px
var outerHeight = div.outerHeight(); // 150 px
});
</script>
<style type="text/css">
.test
{
width: 200px;
height: 150px;
background: black;
}
</style>
</head>
<body>
<div class="test"></div>
</body>
</html>
在此示例中，您可以看到它们输出相同的结果。如果有人知道有什么区别，请告诉我适当的答案。
繁星点点滴滴3回答
-
万千封印
正如评论中提到的，文档准确地告诉您它们之间的区别。但总而言之：innerWidth / innerHeight-包含填充但不包含边框outsideWidth / externalHeight-包括填充，边框和可选的边距高度/宽度-元素高度（无填充，无边距，无边框） -
幕布斯6054654
width =获取宽度，innerWidth =获取宽度+填充，outsideWidth =获取宽度+填充+边框以及可选的边距如果要测试，请在.test类中添加一些填充，边距，边框，然后重试。也可以在jQuery文档中阅读……您所需的一切几乎都在那里
随时随地看视频慕课网APP
相关分类
JavaScript
JQuery