Как с помощью Jquery изменить сразу несколько свойств css

Библиотека 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"});