ฉันเขียนตัวอย่างเพื่อดูว่าอะไรคือความแตกต่าง แต่แสดงผลลัพธ์เดียวกันสำหรับฉันสำหรับความกว้างและความสูง
<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 หรือไม่
—
Brad M
ลองเพิ่มช่องว่างขอบและระยะขอบให้กับของคุณ
—
Niet the Dark Absol
<div>และดูว่าจะให้ผลลัพธ์ที่แตกต่างกันหรือไม่)
api.jquery.com/category/dimensions หน้านั้นจะอธิบายข้อมูลทั้งหมดและหากคุณคลิกแต่ละหน้าจะให้ข้อมูลเพิ่มเติม
—
JClaspill
ฉันค้นหาใน Google แล้ว แต่ไม่มีคำตอบใดที่ตรงกับความคาดหวังของฉัน
—
zajke
@BradM - ไม่มีผู้ชาย แต่ผลลัพธ์สำหรับ "ความแตกต่างระหว่างความกว้าง innerWidth, outerWidth jquery" ไม่มีอะไรบอกฉันในสิ่งจำเป็น
—
zajke
