Библиотека jQuery предоставляет ряд удобных специализированных методов, значительно упрощающих работу со стилями CSS. Одним из наиболее широко используемых методов такого рода является метод css(). Метод имеет несколько форматов:

1. css(‘название атрибута’)
2. css(‘название атрибута, ‘3начение’)
3. css(‘объект с атрибутами’)

Первый формат метода позволяет получить значение указанного атрибута для первого элемента коллекции:

$("#elem").css("height"); // вернет высоту элемента с id elem

Второй формат метода позволяет задать значение указанного атрибута для всех элементов коллекции:

$("#elem").css("height", "500px"); // задаст высоту элементу с id elem в 500px

Третий формат метода позволяет задать сразу несколько атрибутов за один вызов функции. Для этого атрибуты и значения должны быть указаны следующим образом:

{
"Атрибут1": "Значение1",
"Атрибут2": "Значение2",
...
"АтрибутыN": "Значение"
}

Например для нашего элемента мы хотим задать не только высоту, но и ширину:

$("#elem").css({"height":"500px", "width":"700px"});