Я написав якийсь приклад, щоб побачити, в чому різниця, але вони показують мені однакові результати по ширині та висоті.
<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>
У цьому прикладі ви бачите, що вони дають однакові результати. Якщо хтось знає, в чому різниця, будь ласка, покажіть мені відповідну відповідь.
Дякую.
8
Ви подивилися документацію jQuery?
—
Бред М
Спробуйте додати підкладку, межу та маржу до своїх
—
Niet the Dark Absol
<div>, і подивіться, чи це дає різні результати;)
api.jquery.com/category/dimensions Ця сторінка описує їх усі, і якщо ви натискаєте кожну, ви отримуєте ще більше інформації.
—
JClaspill
Я шукав у Google, але жодна з відповідей не відповідає моїм очікуванням.
—
zajke
@BradM - Немає чоловіка. Але результати для "різниці між шириною, внутрішньою шириною, зовнішньою шириною jquery" нічого не підказують у найважливіших.
—
zajke
