Jquery.css( "border-color" ) ничего не возвращает

Я написал следующий javascript javascript stuff

$(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, который тоже не работает.

В любом случае при наведении элемента вокруг этого элемента создается кадр, как и следовало ожидать. Почему же результат ничего не дает взамен?

Ответы

Ответ 1

Вы не можете использовать сокращение для jquery. Вы должны быть более конкретными, например. "Граница-топ цвета"

Сообщите мне, если это работает.

Ответ 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/

Ответ 4

С помощью инспектора вы можете проверить, что не существует свойства с именем "border-color", вы ищете "border- [top | bottom | left | right] -color '

Ответ 5

Пока вы устанавливаете цвет с помощью JavaScript/jQuery (как и я, я не думаю, что он будет работать, если он будет установлен только в CSS). Я не понял, как получить доступ к этим свойствам через jQuery, но вы по-прежнему можете получить доступ к свойствам границы с помощью встроенного JavaScript.

console.log(this.style.borderTop); // should return '1px solid rgb(0, 0, 0)'
console.log(this.style.borderColor); // should return 'rgb(0, 0, 0)'

Примечание:
.border (Top | Right | Bottom | Left) кажется довольно надежным, но
.border (Style | Color | Width) дает смешанные результаты.

Я думаю, что это зависит от того, совпадают ли стенографические стороны; например:

  • Все стороны идентификатор
  • сверху и снизу (друг с другом)/слева и справа (друг с другом)
  • верхние/левые и правые (друг с другом)/внизу
  • Все четыре, заданные по-разному, не работают
  • Мне еще не удалось добиться успеха всего лишь с помощью element.style.border всего пограничного набора (т.е. element.style.border = '1px solid #000')