zoukankan      html  css  js  c++  java
  • jquery width(), innerWidth(), outerWidth() 区别

    #div1 {
     100px;
    height: 100px;
    border: 5px black solid;
    padding: 10px;
    margin: 10px;
    background: orange;
    }
    
    
    #div1-son {
    background: white;
     100%;
    height: 100%;
    }
    
     
    
    <div id="div1">
      <div id="div1-son"></div>
    </div>

     

    width(): 获取第一个匹配元素内部宽度(不包括补白 padding 和边框 border)。

    width(): 100

    innerWidth() 获取第一个匹配元素边框以内的宽度(包括补白 padding ,不包括 边框border)。

    innerWidth(): 120

    outerWidth() 获取第一个匹配元素外部宽度(默认包括补白 padding和边框border )。此方法对可见和隐藏元素均有效。

    outerWidth(): 130

    outerWidth(true) 获取第一个匹配元素外部宽度(默认包括补白 padding和边框border和外边距Margin )。此方法对可见和隐藏元素均有效。

    outerWidth(true): 150

    height(): 获取第一个匹配元素内部高度(不包括补白 padding 和边框 border)。

    heigh(): 100

    innerheight() 获取第一个匹配元素边框以内的高度(包括补白 padding ,不包括 边框border)。

    innerheight(): 120

    outerHeight() 获取第一个匹配元素外部高度(默认包括补白 padding和边框border )。此方法对可见和隐藏元素均有效。

    outerWidth(): 130

    outerHeight(true) 获取第一个匹配元素外部高度(默认包括补白 padding和边框border和margin )。此方法对可见和隐藏元素均有效。

    outerWidth(): 150
  • 相关阅读:
    redisTemplate
    HttpURLConnection下载文件流
    Quartz集成springMVC 的方案二(持久化任务、集群和分布式)
    https请求
    将一个 JavaBean 对象转化为一个 Map
    Redis实现简单消息队列
    Spring Boot RestTemplate文件上传
    获取java栈异常
    获取 *.properties配置文件内容
    java格式化json串
  • 原文地址:https://www.cnblogs.com/karila/p/5890166.html
Copyright © 2011-2022 走看看