jquery .css("border-color")不返回任何内容

Question

我写了以下jquery javascript的东西

$(document).mousemove(function(event) {
    var element = event.target;
    $(element).css("border","black solid 1px");
});

$(document).mouseout(function(event) {
    var element = event.target;
    console.log( "1 = "$(element).css("border-color") )
    $(element).css("border","0px");
    console.log( "2 = " + $(element).css("border-color") )
});

它基本上围绕悬停元素绘制框架.在chrome中运行时,输出console.log( "1 = "$(element).css("border-color") )为""即没有.同样如此console.log( "2 = "$(element).css("border-color") ).但我期待黑色.我也试过borderColor哪个也行不通.

无论如何,当悬停元素时,如我所料,在该元素周围绘制一个框架.那么为什么输出没有任何回报呢？

Answer 1

你不能使用简写为jquery.你必须更具体,例如"border-top-color"

如果有效,请告诉我.

Answer 2

使用jQuery(...).css("borderTopColor")

这有效:http://jsfiddle.net/JvTwp/

Answer 3

$("#mytext").focus(function () {

  $(this).css({'background-color': '#FFFFCC'});

  $(this).css("border", "black solid 1px"); 

}).blur(function () {

  $(this).css({'background-color': '#fff'});
  $(this).css("border", "#DCDCDC solid 1px");

 });


<input type="text" id="mytext">

试试这个

http://jsfiddle.net/prabirchoudhury/kcnT8/