av第一福利网站，中文有码亚洲自拍偷拍，日本特黄特黄刺激免费大片，欧美在线精品亚洲综合网，深夜福利亚洲精品无码视频，无码性午夜视频在线观看，最近更新中文字幕在线，日本在线看片免费人成视频

<!DOCTYPE html>
<html>
<title>jQuery 獲取DIV各種尺寸示例 - 基礎(chǔ)教程(cainiaoplus.com)</title>

<head>
<style>
div {
  height: 200px;
  width:500px;
  margin: 5px;
  padding: 10px;
  margin-bottom: 15px;
  border: 3px solid lightgreen;
  background-color: rgba(144, 238, 144, .4);
}
</style>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  let div = $("div");
  $("button").click(function(){
    var txt = "";
    txt += "div的寬度: " + div.width() + "<br>";
    txt += "div 寬度，包含內(nèi)邊距: " + div.innerWidth() + "<br>";
    txt += "div 寬度，包含內(nèi)邊距、邊框: " + div.outerWidth() + "<br>";
    txt += "div 寬度，包含內(nèi)邊距、邊框、外邊距: " + div.outerWidth(true) + "<br><br>";
  
    txt += "div的高度: " + div.height() + "<br>";
    txt += "div 高度，包含內(nèi)邊距: " + div.innerHeight() + "<br>";
    txt += "div 的高度（包括內(nèi)邊距、邊框）: " + div.outerHeight() + "<br>";
    txt += "div 的高度（包括內(nèi)邊距、邊框、外邊距）: " + div.outerHeight(true) + "<br>";
    div.html(txt);
  });
});
</script>
</head>
<body>

<button>顯示DIV尺寸</button>
<p> width()-返回元素的寬度。</p>
<p> innerWidth()-返回元素的寬度（包括內(nèi)邊距）= width+padding。</p>
<p> outerWidth()-返回元素的寬度（包括內(nèi)邊距、邊框）= width+padding+border。</p>
<p> outerWidth（true）-返回元素的寬度（包括內(nèi)邊距，邊框和邊距）= width+padding+border+margin。</p>
<hr>
<p> height()-返回元素的高度。</p>
<p> innerHeight()-返回元素的高度（包括內(nèi)邊距）= height+padding。</p>
<p> outerHeight()-返回元素的高度（包括內(nèi)邊距、邊框）= height+padding+border。</p>
<p> outerHeight（true）-返回元素的高度（包括內(nèi)邊距、邊框和外邊距）= height+padding+border+margin。</p>

</body>
</html>