Jquery 如何计算元素';s宽度和高度及其填充/边距值是否使用较少的代码?
我正在使用/method,但它的返回值没有填充和边距值。我在计算总高度/高度值时没有问题 这种方法可行,但我的问题是;它太长了,无法计算所有这些。有没有一种方法可以用更少的代码计算这些错误 jQuery:Jquery 如何计算元素';s宽度和高度及其填充/边距值是否使用较少的代码?,jquery,css,height,width,Jquery,Css,Height,Width,我正在使用/method,但它的返回值没有填充和边距值。我在计算总高度/高度值时没有问题 这种方法可行,但我的问题是;它太长了,无法计算所有这些。有没有一种方法可以用更少的代码计算这些错误 jQuery: var ele = $('div'); var eleW = ele.width(); var eleH = ele.height(); alert(eleW);//returning 200 alert(eleH);//returning 100 var eleMR = parseI
var ele = $('div');
var eleW = ele.width();
var eleH = ele.height();
alert(eleW);//returning 200
alert(eleH);//returning 100
var eleMR = parseInt(ele.css('margin-right'));
var eleML = parseInt(ele.css('margin-left'));
var eleMT = parseInt(ele.css('margin-top'));
var eleMB = parseInt(ele.css('margin-bottom'));
var elePR = parseInt(ele.css('padding-right'));
var elePL = parseInt(ele.css('padding-left'));
var elePT = parseInt(ele.css('padding-top'));
var elePB = parseInt(ele.css('padding-bottom'));
var eleTotalWidth = eleMR + eleML + elePR + elePL + eleW;
var eleTotalHeight = eleMT + eleMB + elePT + elePB + eleW;
alert(eleTotalWidth);//returning 147
alert(eleTotalHeight);//returning 122
css:
使用及
这是一个没有边距的计算,但是它的代码比我的代码还要少(:根据@wouther,我们需要按照文档中提到的传递true。传递true,它还将包含您的边距。@Vins:这使您的答案正确。我将删除我的答案,因为您是我在玩小提琴时的第一个答案:),并注意,这种方法还可以返回边界值。@Vins-很棒的东西。非常感谢您发布此消息。虽然那是很久以前的事了,但对我来说还是很方便的。谢谢
div {
float:left; width:100px; height:200px; background-color:#000;
margin:5px 3px 2px 4px; padding:10px 20px 5px;
}
var ele = $('div');
var eleW = ele.outerWidth(true);
var eleH = ele.outerHeight(true);