JQuery 得到元素大小

• scrollTop scrollLeft 滚轮

• width ( ) 显示被选元素的宽度

• height ( )显示被选元素的宽度

• innerWidth ( )显示被选元的宽度 (元素宽度与内边距) content.width+ padding

• outerwidth ( )显示被选元素(外层)宽度(元素宽度与内边距加上边框距离) content.width+ - padding* 2+ border*2

• innerheight( )显示被选元素 (元素高度与内边距)高度conten.height+ padding*2

• outerHeight ( )显示被选元素(外层)高度(元素高度与内边距加上边框距离) content.height+ padding* 2+ border*2

• 获取浏览器显示区域（可视区域）的高度 ：
  $(window).height();

• 获取浏览器显示区域（可视区域）的宽度 ：
  $(window).width();

• 获取页面的文档高度
  $(document).height();

• 获取页面的文档宽度 ：
  $(document).width();

• 浏览器当前窗口文档body的高度：
  $(document.body).height();

• 浏览器当前窗口文档body的宽度：
  $(document.body).width();

• 获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
  $(document).scrollTop();

• 获取滚动条到左边的垂直宽度 ：
  $(document).scrollLeft();

• width()返回元素的宽度，不包括padding/border/margin
  $(“div”).width();

• innerWidth()返回元素的宽度 + padding
  $(“div”).innerWidth();

• outerWidth()返回元素的宽度 + padding + border
  $(“div”).outerWidth();

• outerWidth(true)返回元素宽度 + padding + border + margin
  $(“div”).outerWidth(true);

• width()返回元素的高度，不包括padding/border/margin
  $(“div”).height();
  innerWidth()返回元素的高度 + padding
  $(“div”).innerHeight();

• outerWidth()返回元素的高度 + padding + border
  $(“div”).outerHeight();

• outerWidth(true)返回元素的高度 + padding + border + margin
  $(“div”).outerHeight(true);

    <div>
    	
    </div>
    
    <script type="text/javascript">
    	//获取浏览器显示区域（可视区域）的高度 ：   
    	$(window).height(); 
    	console.log(`浏览器显示区域（可视区域）的高度:${$(window).height()}`)
    	//获取浏览器显示区域（可视区域）的宽度 ：
    	$(window).width();   
    	console.log(`浏览器显示区域（可视区域）的宽度:${$(window).width()}`)
    	//获取页面的文档高度   
    	$(document).height();
    	console.log(`页面的文档高度:${$(document).height()}`)
    	//获取页面的文档宽度 ：
    	$(document).width();
    	console.log(`页面的文档高度:${$(document).width()}`)
    	//浏览器当前窗口文档body的高度：  
    	$(document.body).height();
    	console.log(`浏览器当前窗口文档body的高度:${$(document.body).height()}`)
    	//浏览器当前窗口文档body的宽度： 
    	$(document.body).width();
    	console.log(`浏览器当前窗口文档body的宽度:${$(document.body).width()}`)
    	//获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)  
    	$(document).scrollTop();  
    	console.log(`获取滚动条到顶部的垂直高度:${$(document).scrollTop()}`)
    	//获取滚动条到左边的垂直宽度 ：
    	$(document).scrollLeft(); 
    	console.log(`获取滚动条到左边的垂直宽度:${$(document).scrollLeft()}`)
    	
    	//width()返回元素的宽度，不包括padding/border/margin
      	$("div").width();
      	console.log(`返回元素的宽度，不包括padding,border,margin:${$("div").width()}`)
   	 	//innerWidth()返回元素的宽度 + padding
   	 	$("div").innerWidth();
   	 	console.log(`返回元素的宽度 + padding:${$("div").innerWidth()}`)
   		//outerWidth()返回元素的宽度 + padding + border
   		$("div").outerWidth();
   		console.log(`返回元素的宽度 + padding + border:${$("div").outerWidth()}`)
     	//outerWidth(true)返回元素宽度 + padding + border + margin
     	$("div").outerWidth(true);
   		console.log(`返回元素宽度 + padding + border + margin:${$("div").outerWidth(true)}`)
     	
     	//width()返回元素的高度，不包括padding/border/margin
     	$("div").height();
      	console.log(`返回元素的高度，不包括padding,border,margin:${$("div").height()}`)
     	
   	 	//innerWidth()返回元素的高度 + padding
   	 	$("div").innerHeight();
      	console.log(`返回元素的高度 + padding:${$("div").innerHeight()}`)
   	 	
   		//outerWidth()返回元素的高度 + padding + border
   		$("div").outerHeight();
      	console.log(`返回元素的高度 + padding + bordern:${$("div").outerHeight()}`)
     	
     	//outerWidth(true)返回元素的高度 + padding + border + margin
     	$("div").outerHeight(true);
      	console.log(`返回元素的高度 + padding + border + margin:${$("div").outerHeight(true)}`)
    	</script>
    </body>
    </html>