jQuery---width和height的方法

杀马特。学长 韩版系。学妹 提交于 2020-01-19 17:29:59

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());
      });

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!