голосование
BASH
PHP
Javascript
HTML
Firebird
Программы
PostgreSQL
Хостинг
Майнинг
Железо
Заработок на сайте
Docker
Ресурсы
GIT
SEO
Oracle
Python
Мобильные технологии
Ремонт
Mercurial
Проголосуйте за категорию!
счётчик
Яндекс.Метрика

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

Как налету изменить свойства класса для элемента 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-свойства элемента.

просмотры: 1494, уровень: лёгкий уровень, рейтинг: 0, дата: 2015-12-26 10:34:54
проголосовать:

Комментарии:






поиск
реклама
банеры
домен RU всего за 99 рублей
http://trainingweb.ru/redirect/domains домен RU домен RU всего за 99 рублей
http://trainingweb.ru/redirect/well_web_vps_kvm Аренда VPS KVM в Европе Мы предлагаем в аренду VPS серверы с выделенным IP-адресом, которые полностью эмулируют физический сервер.
http://trainingweb.ru/redirect/pingadmin мониторинг сайтов сервис мониторинга работы сайта, мониторим HTTP, HTTPS, FTP, MYSQL, PostgreSQL, POP3, SMTP, IMAP