jQuery如何获取隐藏元素的高度？(2)-木庄网络博客

2022-02-15 12:07:31 PHP中文网 JavaScript 百度已收录

$(document).ready(function() {
   $("#btn1").click(function() {
      var demo = $("div").innerHeight();
      $("#demo").text(demo);
   });
});

输出：

说明：我们使用height: 80px;将隐藏div的高度设置为来80；而jQuery的innerHeight()函数可以获取的是innerHeight高度，边框宽度不会添加到结果中，所以获取的高度为的80。

示例2：获取隐藏元素的outerHeight高度

jquery代码

$(document).ready(function() { 
       $("#btn1").click(function() { 
                var demo = $("div").outerHeight(); 
                $("#demo").text(demo); 
        }); 
});

输出：

说明：使用jQuery的outerHeight()函数可以获取的是outerHeight高度，边框宽度将添加到结果中，所以获取的高度为的82。

以上就是本篇文章的全部内容，希望能对大家的学习有所帮助。更多精彩内容大家可以关注php中文网相关教程栏目！！！

以上就是jQuery如何获取隐藏元素的高度？的详细内容，更多文章请关注木庄网络博客！

返回前面的内容

相关阅读 >>

jQuery的选择器有几种

介绍几款引人注目的html5/jQuery动画插件详情

jQuery css 如何获取不带单位的属性值

jQuery判断值是否相等

更多相关阅读请进入《jQuery》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者

转载请注明出处：木庄网络博客 » jQuery如何获取隐藏元素的高度？

jQuery如何获取隐藏元素的高度？

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

相关推荐

评论