我们如何使用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 documentation。

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（）函数