• jQuery中的.height()、.innerHeight()和.outerHeight()









    jQuery中的.height()、.innerHeight()和.outerHeight()和W3C的盒模型相关的几个获取元素尺寸的方法。对应的宽度获取方法分别为.width()、.innerWidth()和.outerWidth(),在此不详述。


    1. .height()


    获取匹配元素集合中的第一个元素的当前计算高度值 或 设置每一个匹配元素的高度值(带一个参数)。



    注意:1).css('height').height()之间的区别是后者返回一个没有单位的数值(例如,400),前者是返回带有完整单位的字符串(例如,400px)。


    2).height()总是返回内容宽度,不管CSSbox-sizing属性值。.height('value')设置的容器宽度是根据CSSbox-sizing属性来定的,
    将这个属性值改成border-box,将造成这个函数改变这个容器的outerHeight,而不是原来的内容高度。


    2. .innerHeight()


    为匹配的元素集合中获取第一个元素的当前计算高度值,包括padding,但是不包括border。



    3. .outerHeight()


    获取元素集合中第一个元素的当前计算高度值,包括padding,border和选择性的margin。返回一个整数(不包含“px”)表示的值
    ,或如果在一个空集合上调用该方法,则会返回 null。



    .outerHeight()计算中总是包含padding-top
    ,padding-bottom 和 border-top,border-bottom ;如果includeMargin参数是true,那么margin
    (top 和 bottom)也会被包含。

  • 相关阅读:
    linux日志守护进程 syslog
    ORM(一)
    ajax
    python bbs项目代码分析
    jquery基础
    PHP根据概率产生随机数
    用PHP删除文件操作unlink
    实时显示剩余可以输入的文字数
    mysql分表方法实现
    php 输出昨天,今天,明天是星期几的方法
  • 原文地址:https://www.cnblogs.com/itjeff/p/4866984.html
Copyright © 2020-2023  润新知