4. 通过 jQuery，很容易处理元素和浏览器窗口的尺寸。
    6. 1、jQuery 尺寸 方法
    8. jQuery 提供多个处理尺寸的重要方法：
    9. width()
    10. height()
    11. innerWidth()
    12. innerHeight()
    13. outerWidth()
    14. outerHeight()
    15. jQuery width() 和 height() 方法
    16. width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。
    17. height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。
    18. 下面的例子返回指定的 <div> 元素的宽度和高度：
    19. 实例
    20. $("button").click(function(){
    21.  var txt="";
    22.  txt+="Width: " + $("#div1").width() + "</br>";
    23.  txt+="Height: " + $("#div1").height();
    24.  $("#div1").html(txt);
    25. });
    28. 2、jQuery innerWidth() 和 innerHeight() 方法
    30. innerWidth() 方法返回元素的宽度（包括内边距）。
    31. innerHeight() 方法返回元素的高度（包括内边距）。
    32. 下面的例子返回指定的 <div> 元素的 inner-width/height：
    33. 实例
    34. $("button").click(function(){
    35.  var txt="";
    36.  txt+="Inner width: " + $("#div1").innerWidth() + "</br>";
    37.  txt+="Inner height: " + $("#div1").innerHeight();
    38.  $("#div1").html(txt);
    39. });
    42. 3、jQuery outerWidth() 和 outerHeight() 方法
    44. outerWidth() 方法返回元素的宽度（包括内边距和边框）。
    45. outerHeight() 方法返回元素的高度（包括内边距和边框）。
    46. 下面的例子返回指定的 <div> 元素的 outer-width/height：
    47. 实例
    48. $("button").click(function(){
    49.  var txt="";
    50.  txt+="Outer width: " + $("#div1").outerWidth() + "</br>";
    51.  txt+="Outer height: " + $("#div1").outerHeight();
    52.  $("#div1").html(txt);
    53. });
    55. outerWidth(true) 方法返回元素的宽度（包括内边距、边框和外边距）。
    56. outerHeight(true) 方法返回元素的高度（包括内边距、边框和外边距）。
    57. 实例
    58. $("button").click(function(){
    59.  var txt="";
    60.  txt+="Outer width (+margin): " + $("#div1").outerWidth(true) + "</br>";
    61.  txt+="Outer height (+margin): " + $("#div1").outerHeight(true);
    62.  $("#div1").html(txt);
    63. });
    65. 4、jQuery - 更多的 width() 和 height()
    67. 下面的例子返回文档（HTML 文档）和窗口（浏览器视口）的宽度和高度：
    68. 实例
    69. $("button").click(function(){
    70.  var txt="";
    71.  txt+="Document width/height: " + $(document).width();
    72.  txt+="x" + $(document).height() + "\n";
    73.  txt+="Window width/height: " + $(window).width();
    74.  txt+="x" + $(window).height();
    75.  alert(txt);
    76. });
    78. 下面的例子设置指定的 <div> 元素的宽度和高度：
    79. 实例
    80. $("button").click(function(){
    81.  $("#div1").width(500).height(500);
    82. });