jQuery.css() 不返回设置为红色的边框颜色

Question

CSS: .divIm { border:1px 纯红色; } 和代码行 var borderColor = $(this).css("border-color") 返回 ""。怎么了？或者，如果我使用 jQuery，尝试获取计算样式是否正确？

更新: 下面是一段不希望按预期工作的代码。

$("div.divIm").mouseover(function() {
  var borderColor = $(this).css("border-color");
  debugger;
});

Answer 1

由于四个边框中的每一个都可以有不同的颜色，.css('border-color') 无法确定要返回哪种颜色(即使它们都是相同的)。

在大多数情况下，所有边框的颜色都是一样的，所以你可以这样做:

$('div.divIm').mouseover(function() {
    var borderColor = $(this).css('border-left-color');
    debugger;
});

所以你得到了左边框的颜色，这应该足以满足你的需要。