19.2.2. Чтение и запись значений CSS-атрибутов

Метод css() напоминает метод attr(), но работает не с HTML-атрибутами, а со стилями CSS элемента. При чтении значений стилей метод css() возвращает текущий (или «вычисленный»; раздел 16.4) стиль элемента: возвращаемое значение может быть определено в атрибуте style или в таблице стилей. Обратите внимание, что нельзя получить значения составных стилей, таких как «font» или «margin». Вместо этого следует запрашивать отдельные стили, такие как «font-weight», «font-family», «margin-top» или «margin-left». При записи значений стилей метод css() просто добавляет их в атрибут style элемента. Метод css() позволяет указывать имена стилей CSS с дефисами («background-color») или имена свойств в языке JavaScript с переменным регистром символов («backgroundColor»). При чтении значений стилей метод css() возвращает числовые значения в виде строк с добавлением единиц измерения в конце. Однако при записи он преобразует числа в строки и добавляет суффикс «рх» (pixels - пикселы), если это необходимо:

$("h1").css("font-weight"); // Насыщенность шрифта первого элемента <h1>

$("hi").css("fontWeight");  // Допускается использовать имена свойств

$(”h1").css("font");        // Ошибка: нельзя запрашивать составные стили

$("h1").css("font-variant", "smallcaps”); // Установить стиль всех элементов <h1>

SC’div.note").css("border", "solid black 2px"); // Составные стили можно устанавливать

$("h1").css({ backgroundColor: "black",    // Записать сразу несколько стилей

              textColor: "white",          // имена с переменным регистром

              fontVariant: "small-caps",   // лучше подходят на роль имен

              padding: "10рх 2рх 4рх 20рх",// свойств объекта

              border: "dotted black 4рх" });

// Увеличить размер шрифта во всех элементах <h1> на 25%

$("h1").css("font-size", function(i.curval) {

     return Math.round(1.25*parseInt(curval));

});