如何用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 

CSS/offset()在JQuery中

Answer 4

像@Gumbo说的没错，你可以得到的高度和位置。如果你有兴趣在其他的CSS属性，你得到的价值是这样的：

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

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