Пример
$(document).ready(function(){
$("#but1").click(function(){
$("#par1").css("color","blue");
});
$("#but2").click(function(){
alert($("#par1").css("color"));
});
$("#but3").click(function(){
$("#par2").css({"color":"#84004d","font-size":"1.4em","font-family":"Verdana"});
});
$("#but4").click(function(){
$("#par3").css("font-weight","bold");
$("#par3").css("font-size","1.4em");
$("#par3").css("color",function(index,oldval){
if (oldval=="rgb(0, 0, 0)")
{return "#84004d";}
else if (oldval=="rgb(132, 0, 77)")
{return "#04346C";}
else
{return "black";}
});
});
});
Метод css позволяет узнать текущее или установить новое значение указанному CSS свойству (или свойствам) выбранного элемента.
//Узнаем текущее значение указанного CSS свойства выбранного элемента
$(селектор).css(имя_свойства)
//Установим новое значение указанному CSS свойству выбранного элемента
$(селектор).css("имя_свойства","новое_значение")
//Установим новые значения нескольким CSS свойствам одновременно
$(селектор).css({"имя_свойства1":"новое_значение1", "имя_сss_свойстваN":"новое_значениеN"}
/* Установим новое значение указанному CSS свойству с помощью функции, которая возвращает
новое значение свойства */
$(селектор).css("имя_свойства",function(индекс,старое_значение))
селектор позволяет выбрать элемент, оформление которого будет изменено.
имя_свойства имя CSS свойства, над которым будут произведены манипуляции.
новое_значение новое значение, которое будет установлено указанному свойству.
function функция, которое возвращает новое значение свойства.
индекс (является необязательным параметром функции) Параметр передающийся функции и обозначающий порядковый номер селектора.
старое_значение (является необязательным параметром функции) Параметр содержащий старое значение свойства выбранного элемента.