• 关注官方微信 微信公众号 添加方式:
    1:搜索微信号(gogolinux
    2:扫描左侧二维码
  • 登录 注册
  • 一起学LINUX - GOGOLINUX

    查看: 497|回复: 0
    打印 上一主题 下一主题

    jQuery尺寸

    [复制链接]

    2

    主题

    2

    帖子

    40

    积分

    新手上路

    Rank: 1

    积分
    40
    跳转到指定楼层
    楼主
    发表于 2020-1-27 00:40:35 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
    通过 jQuery,很容易处理元素和浏览器窗口的尺寸。
    jQuery 尺寸方法
    jQuery 提供多个处理尺寸的重要方法:
    width
    height
    innerWidth
    innerHeight
    outerWidth
    outerHeight
    jQuery 尺寸


    jQuery width 和 height 方法
    width 方法设置或返回元素的宽度(不包括内边距、边框或外边距)。
    height 方法设置或返回元素的高度(不包括内边距、边框或外边距)。
    下面的例子返回指定的  元素的宽度和高度:
    实例
    $("button").click(function{ var txt=""; txt+="div 的宽度是: " + $("#div1").width + "</br>"; txt+="div 的高度是: " + $("#div1").height; $("#div1").html(txt); });
    尝试一下 »
    jQuery innerWidth 和 innerHeight 方法
    innerWidth 方法返回元素的宽度(包括内边距)。
    innerHeight 方法返回元素的高度(包括内边距)。
    下面的例子返回指定的  元素的 inner-width/height:
    实例
    $("button").click(function{ var txt=""; txt+="div 宽度,包含内边距: " + $("#div1").innerWidth + "</br>"; txt+="div 高度,包含内边距: " + $("#div1").innerHeight; $("#div1").html(txt); });
    尝试一下 »
    jQuery outerWidth 和 outerHeight 方法
    outerWidth 方法返回元素的宽度(包括内边距和边框)。
    outerHeight 方法返回元素的高度(包括内边距和边框)。
    下面的例子返回指定的  元素的 outer-width/height:
    实例
    $("button").click(function{ var txt=""; txt+="div 宽度,包含内边距和边框: " + $("#div1").outerWidth + "</br>"; txt+="div 高度,包含内边距和边框: " + $("#div1").outerHeight; $("#div1").html(txt); });

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    分享到:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    官方微博:

    官方头条号:

    官方微信

    手机访问:

    官方微信

    QQArchiver 手机版 小黑屋 一起学LINUX - GOGOLINUX 闽ICP备18025837号-1 Discuz! X3.4 Powered by © 2001-2013 Comsenz Inc. 

    yabovip入口本站资源均来自互联网或会员发布,如果侵犯了您的权益请与我们联系,我们将在24小时内删除!谢谢!

    快速回复 快速发帖 返回顶部 返回列表