首页 > Web开发 > 详细

jQuery---width和height的方法

时间:2020-01-19 17:57:54      阅读:76      评论:0      收藏:0      [点我收藏+]

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

 

技术分享图片

jQuery---width和height的方法

原文:https://www.cnblogs.com/jane-panyiyun/p/12214585.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!