JQuery CSS получить динамически установленные свойства

Question

Я пытаюсь получить свойство css, которое было динамически установлено с помощью jquery.

Рассмотрим этот код:

$(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!Знаете ли вы какое-нибудь исправление?

Я читаю здесь Может ли jQuery получить все стили CSS, связанные с элементом?

, что решением может быть использование .style DOMэлемент, но если бы jquery мог это сделать, я бы предпочел способ jquery ...

(wysiwig для stackoverflow - очень хорошая идея;))

Answer 1

Насколько я понимаю, когда вы устанавливаете значение с помощью "borderWidth", это сокращенный способ установки параметров "borderTopWidth", "borderRightWidth", "borderBottomWidth" и "borderLeftWidth" одновременно.

Следовательно,Я думаю, что вы должны указать, какую сторону границы вы хотите получить, например, "borderBottomWidth."

Answer 2

Фактического значения не существует borderWidth или border-width. Это сокращенное свойство CSS для установки четырех базовых свойств border-top-width, border-right-width и т. Д.

Таким образом, вы можете запросить только одноэти четыре значения:

DEMO: http://jsfiddle.net/marcuswhybrow/zu74F/