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
  • 相关阅读:
    网易编程题——小易喜欢的单词
    Effective C++ 条款12:复制对象时勿忘其每一个成分
    Effective C++ 条款11:在operator=中处理"自我赋值"
    STM32-通用定时器基本定时功能
    GPIO_Mode
    STM32的ADC编程方法
    STM32的ADC采样与多通道ADC采样
    网络子系统
    linux网络子系统内核分析
    Linux 中高效编写 Bash 脚本的 10 个技巧
  • 原文地址:https://www.cnblogs.com/karila/p/5890166.html
Copyright © 2011-2022 走看看