我写了一些例子来看看有什么区别，但是它们显示出相同的宽度和高度结果。<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 回答
万千封印
TA贡献1891条经验 获得超3个赞
正如评论中提到的，文档准确地告诉您它们之间的区别。但总而言之：
innerWidth / innerHeight-包含填充但不包含边框
outsideWidth / externalHeight-包括填充，边框和可选的边距
高度/宽度-元素高度（无填充，无边距，无边框）
幕布斯6054654
TA贡献1876条经验 获得超7个赞
width =获取宽度，
innerWidth =获取宽度+填充，
outsideWidth =获取宽度+填充+边框以及可选的边距
如果要测试，请在.test类中添加一些填充，边距，边框，然后重试。
也可以在jQuery文档中阅读……您所需的一切几乎都在那里
添加回答
举报
0/150
提交
取消