Как с помощью 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"});

2 комментария

  1. А что же делать, если нужно задать сразу несколько свойств для выбранного объекта? Допустим, что нам нужно задать для таблицы в исходной

Оставить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *