Библиотека jQuery предоставляет ряд удобных специализированных методов, значительно упрощающих работу со стилями CSS. Одним из наиболее широко используемых методов такого рода является метод css(). Метод имеет несколько форматов:
- css(‘название атрибута’)
- css(‘название атрибута, ‘3начение’)
- css(‘объект с атрибутами’)
Первый формат метода позволяет получить значение указанного атрибута для первого элемента коллекции:
|
1 2 3 |
$("#elem").css("height"); // вернет высоту элемента с id elem |
Второй формат метода позволяет задать значение указанного атрибута для всех элементов коллекции:
|
1 2 3 |
$("#elem").css("height", "500px"); // задаст высоту элементу с id elem в 500px |
Третий формат метода позволяет задать сразу несколько атрибутов за один вызов функции. Для этого атрибуты и значения должны быть указаны следующим образом:
|
1 2 3 4 5 6 7 8 |
{ "Атрибут1": "Значение1", "Атрибут2": "Значение2", ... "АтрибутыN": "Значение" } |
Например для нашего элемента мы хотим задать не только высоту, но и ширину:
|
1 2 3 |
$("#elem").css({"height":"500px", "width":"700px"}); |
А что же делать, если нужно задать сразу несколько свойств для выбранного объекта? Допустим, что нам нужно задать для таблицы в исходной
Галина, в этом случае вам надо использовать третий способ.