jQuery.css()不会返回设置为红色的border-color

Question

CSS:.divIm { border:1px solid red; }和代码行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;
});

因此,您可以获得左边框的颜色,这应该足以满足您的需求.