我们如何使用jQuery返回元素的css属性？

Question

jQuery最强大的功能之一就是选择页面上的任何项目，如下所示：

$(".block").css("border","3px solid red");

如何获得所选项目的值，例如宽度，高度和左上角的偏移量？

Answer 1

使用width ， height和position或offset ：

var elem = $(".block");
var elemWidth = elem.width();
var elemHeight = elem.height();
var elemPosition = elem.position();
var elemOffset = elem.offset();

如有其他疑问，请先阅读jQuery文档 。

Answer 2

var height = $(".block").css("height");
alert(height);

Answer 3

尝试这个：

$(".block").css("border","3px solid red").offset().top
$(".block").css("border","3px solid red").offset().left

JQuery中的CSS / offset（）

Answer 4

就像@Gumbo所说的那样，您可以获取高度和位置。 如果您对其他css属性感兴趣，则会得到如下所示的值：

var border = $(".block").css("border")

但是对于高度和宽度，最好使用height（）和width（）函数