使用jQuery以像素为整数填充或边距值

jQuery有height() en width()函数，返回高度或宽度像素为整数…

我怎么能得到一个填充或边缘值的元素像素和整数使用jQuery?

我的第一个想法是:

var padding = parseInt(jQuery("myId").css("padding-top"));

但是，如果填充以ems为例，我如何才能得到以像素为单位的值?

查看由Chris Pebble建议的JSizes插件，我意识到我自己的版本是正确的:)。jQuery总是以像素为单位返回值，因此只需将其解析为整数就是解决方案。

感谢Chris Pebble和Ian Robinson

当前回答

parseInt函数有一个“radix”参数，它定义了转换中使用的数字系统，因此调用parseInt(jQuery('#something').css('margin-left')， 10);返回左边距为一个整数。

这就是JSizes所使用的。

其他回答

比较外部和内部的高度/宽度，得到总的边距和填充:

var that = $("#myId");
alert(that.outerHeight(true) - that.innerHeight());

解析int

parseInt(canvas.css("margin-left"));

0px返回0

这个简单的函数可以做到:

$.fn.pixels = function(property) {
    return parseInt(this.css(property).slice(0,-2));
};

用法:

var padding = $('#myId').pixels('paddingTop');

parseInt函数有一个“radix”参数，它定义了转换中使用的数字系统，因此调用parseInt(jQuery('#something').css('margin-left')， 10);返回左边距为一个整数。

这就是JSizes所使用的。

无耻地从Quickredfox领养。

jQuersy.fn.cssNum = function(){
    return parseInt(jQuery.fn.css.apply(this, arguments), 10);
};

更新

更改为parseInt(val, 10)，因为它比parseFloat快。

http://jsperf.com/number-vs-plus-vs-toint-vs-tofloat/20

推荐文章