jQuery之尺寸

最新推荐文章于 2023-04-09 09:31:02 发布

二到家的小熊

最新推荐文章于 2023-04-09 09:31:02 发布

阅读量309

点赞数 1

分类专栏： web前端 jQuery 文章标签： jquery dom 尺寸

本文链接：https://blog.csdn.net/u012746051/article/details/50731883

版权

web前端同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

jQuery

10 篇文章 0 订阅

订阅专栏

今天工作之余难得清闲拿来jQuery翻阅发现很多常用且琐碎的知识点先整理一二！
工作中会经常会有计算DOM元素尺寸的场景今天咱就说说jQuery尺寸的一二事。
总的来说 jQuery中用于计算尺寸的方法有这么几个:
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
用一张图就再能说明不过了
这里写图片描述
亲测了一下完全如图所示，代码附上

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="JS/jquery-1.11.3.min.js"></script>
    <style>
        .box {
            width: 100px;
            height: 100px;
            border: 10px solid red;
            padding: 10px;
            margin: 10px;
        }
    </style>
</head>
<body>
    <div class="box"></div>
    <script>
        console.log("width--"+$(".box").width());  //100
        console.log("innerWidth--"+$(".box").innerWidth());  //120
        console.log("outerWidth--" + $(".box").outerWidth());  //140
        console.log("outerWidth--" + $(".box").outerWidth(true));  //160
    </script>
</body>

二到家的小熊

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery之尺寸

今天工作之余难得清闲拿来jQuery翻阅发现很多常用且琐碎的知识点先整理一二！工作中会经常会有计算DOM元素尺寸的场景今天咱就说说jQuery尺寸的一二事。总的来说 jQuery中用于计算尺寸的方法有这么几个: width() height() innerWidth() innerHeight() outerWidth() outerHeight() 用一张图就再能说
复制链接

扫一扫