Question

我正在尝试获取使用jquery动态设置的css属性。

考虑以下代码：

$(document).ready(function(){

$("#clickme").click(function(){

    $("#myTable").css('borderStyle','solid');
    $("#myTable").css('borderColor','black');
    $("#myTable").css('borderWidth','3px');
});

$("#clickme2").click(function(){
    alert($("#myTable").css('borderWidth'));
});

});

单击clickme按钮将设置表myTable 具有预期的属性（3px纯黑色），但是点击clickme2将无法获得 3px的价值！你知道吗？

我在这里阅读Can jQuery get all CSS styles associated with an element?

解决方案可能正在使用DOM元素的.style，但如果jquery可以做到这一点，我宁愿采用jquery方式...

（stackoverflow的wysiwig是一个非常好的主意;））

Answer 1

我的理解是当你用“borderWidth”设置一个值时，它是一次设置“borderTopWidth”，“borderRightWidth”，“borderBottomWidth”和“borderLeftWidth”的简便方法。

因此，我认为您必须指定要获得的边框的哪一边，例如“borderBottomWidth。”

Answer 2

没有实际值borderWidth或border-width它是一个CSS速记属性来设置四个基础属性border-top-width，border-right-width等。

因此，您只能查询这四个值中的一个：

DEMO： http://jsfiddle.net/marcuswhybrow/zu74F/

jquery css获取动态设置的属性

2 个答案: