使用 jQuery 将像素作为整数进行填充或边距值

javascript jquery css

2022-08-30 01:12:19

jQuery具有high（） en width（）函数，该函数以整数形式返回高度或宽度（以像素为单位...

如何使用jQuery以像素为单位和整数获取元素的填充或边距值？

我的第一个想法是做以下事情：

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

但是，如果以ems为单位进行填充，那么如何以像素为单位获取值？

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

感谢Chris Pebble和Ian Robinson

答案 1

您应该能够使用 CSS（http://docs.jquery.com/CSS/css#name）。您可能必须更具体，例如“向左填充”或“上边距”。

例：

断续器

a, a:link, a:hover, a:visited, a:active {color:black;margin-top:10px;text-decoration: none;}

断续器

$("a").css("margin-top");

结果为 10px。

如果要获取整数值，可以执行以下操作：

parseInt($("a").css("margin-top"))

答案 2

比较外部和内部高度/宽度，以获得总边距和填充：

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