jQuery---width和height的方法

width和height的方法

 

      //獲取div的寬度
      $("div").css("width", "400px");
      console.log($("div").css("width"));

 

      //直接獲取到的是數字
      //就是獲取的width的值
      console.log($("div").width());//width

 

      $("div").width(400);
      console.log($("div").width());//width 400 
      console.log($("div").innerWidth());//padding+width 420
      console.log($("div").outerWidth());//padding+width+border 440
      console.log($("div").outerWidth(true));//padding+width+border+margin 460

 

 

 

      //須要獲取頁面可視區的寬度和高度
      $(window).resize(function () {
        console.log($(window).width());
        console.log($(window).height());
      });