JQ获取元素宽度、浏览器可视区域

$(function () {
    //获取div的宽度
    console.log($("div").width());//200数字类型，只获取width
    console.log($("div").css("width"));//200px字符串类型

    console.log($("div").innerWidth());//width+padding
    console.log($("div").outerWidth());//width+padding+border
    console.log($("div").outerWidth(true));//width+padding+border+margin
    
    
    //需要获取页面可视区的宽度和高度
    $(window).resize(function () {
      console.log($(window).width());
      console.log($(window).height());
    });
 });