training-web.ruГлавнаяКатегорииО насКарта сайтаПоискТёмная тема

Категории

Как получить изменить свойства класса для элемента css() jquery

Создано: 26 декабря 2015Автор: Егор Астапов1812 просмотровСложность: легкий

Как налету изменить свойства класса для элемента css() jquery. Очень часто нужно после какого-то события что-то сделать с элементом. Вы можете благодаря функции css() менять получать свойства css в режиме онлайн. Функция css() возвращает свойство стиля для первого совпавшего элемента. Вы можете изменить любое свойство css. Тут нужно знать меру. Иногда лучше использовать подготовленный класс для изменения элемента. В этом случае используют функцию addClass() и remoteClass(). Подробнее о функции читайте на странице как удалить класс из элемента removeClass() jquery


   <div id='box1'>
      <div id='title'>заголовок1</div>
      <div id='content'>текст1</div>
   </div>

   <div id='box2'>
      <div id='title'>заголовок2</div>
      <div id='content'>текст2</div>
   </div>

Давайте разукрасим блоки в разные цвета. Вы можете задать свойства в виде ключей и значений как в данных JSON. Обязательно ставьте кавычки вокруг свойства.


$("#box1").css("background-color", "green");
$("#box2").css({"background-color":"red",
               "color' : '#000"});

Если вы поменяли много свойств, то вы должны потом всё вернуть назад. Поэтому изменяйте только необходимы свойства css. Вы можете получить свойства конкретного элемента. Для этого не нужно передавать в функцию значение $("#box1").css("background-color"). Вам вернётся значение css-свойства элемента.

Комментарии

реклама