jQuery获取各种元素宽高

关注

原创最新推荐文章于 2026-07-21 11:07:23 发布 642 阅读 AI 写同款· GEO 优化 ›

WPF数据绑定Binding对数据的转换与效验(四) Binding的作用就是架在Source与Target之间的桥梁，数据可以在这座桥梁的帮助下来流通。就像现实世界中的桥梁会设置一些关卡进行安检一样，Binding这座桥上也可以设置关卡对数据的有效性进行检验，不仅如此，当Binding的两端要求使用不同的数据类型时，我们还可以为数据设置转换器。Binding用于数据有效性检验的关卡是它的ValidationRules属性，用于数据类型转换的关卡是它的Converter属性。阅读详情

$("div").width(); //获取元素的宽高无单位像素值，不包括padding,border,margin
$("div").innerWidth(); //获取元素的宽高 + padding 无单位像素值
$("div").outerWidth(); //获取元素的宽高 + padding + border 无单位像素值
$("div").outerWidth(true); //获取元素宽高 + padding + border + margin 无单位像素值

$("div").height(); //获取元素的宽高无单位像素值，不包括padding,border,margin
$("div").innerHeight(); //获取元素的宽高 + padding 无单位像素值
$("div").outerHeight(); //获取元素的宽高 + padding + border 无单位像素值
$("div").outerHeight(true); //获取元素宽高 + padding + border + margin 无单位像素值

$(window).height(); //获取（浏览器）窗口（视口）高度的无单位像素值
$(window).width(); //获取（浏览器）窗口（视口）宽度的无单位像素值
$(document).height(); //获取正在渲染的文档高度的无单位像素值
$(document).width(); //获取正在渲染的文档宽度的无单位像素值
$(document.body).height(); //获取body的高度
$(document.body).width(); //获取body的宽度
$(document).scrollTop(); //获取滚动条到顶部的垂直高度（即网页往下翻了的距离）
$(document).scrollLeft(); //获取滚动条到左边的垂直宽度（即网页往右翻了的距离）

摘自Stack Overflow的评论：（原问题）

$(window).height() gets you an unit-less pixel value of the height of the (browser) window aka viewport. With respect to the web browsers the viewport here is visible portion of the canvas(which often is smaller than the document being rendered).

$(document).height() returns an unit-less pixel value of the height of the document being rendered. However, if the actual document’s body height is less than the viewport height then it will return the viewport height instead.

收录于