jquery css 获取动态设置的属性

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 的所见即所得是个好主意；))

Answer 1

我的理解是，当您使用“borderWidth”设置值时，这是一次设置“borderTopWidth”、“borderRightWidth”、“borderBottomWidth”和“borderLeftWidth”的简写方式。

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