Отже, навчившись вибирати колекцію елементів, давайте вчитися працювати з цією колекцією. Почнемо з методу css, який дозволяє працювати з css елементів, тобто встановлювати та змінювати властивості css обраних елементів.
Метод css () можна використовувати в двох варіантах і в залежності від обраного варіанту ми можемо або отримати значення властивості css, або ж встановити або змінити його. Для того, щоб отримати значення потрібно стильової властивості, досить передати параметром його назву. Давайте спробуєм. У нас є наступний список:
За допомогою властивості background ми встановили для нього деякий фоновий колір. Спробуємо отримати значення встановленого кольору:
Сучасні тенденції і підходи в веб-розробці
Дізнайтеся алгоритм швидкого професійного зростання з нуля в сайтобудування
Таким чином ми отримали RGB значення кольору. Для того щоб змінити колір або будь-яке інше властивість css елемента, нам необхідно передати потрібне значення властивості другим параметром. Спробуємо змінити колір:
Як бачите, в якості значення кольору приймається будь-який формат кольору, як і в CSS. А що якщо нам необхідно поміняти відразу кілька властивостей css у обраного елемента? Теоретично ми можемо зробити це, викликавши кілька разів метод css:
Однак такий варіант не дуже зручний - занадто багато рядків коду, щоб змінити оформлення одного елемента. Можна скоротити код до одного рядка, викликаючи методи ланцюжком, один за іншим:
Результат буде тим же, але тепер дуже багато викликів одного і того ж методу. Є більш зручний варіант вказати відразу кілька значень для властивостей css. Для цього ми можемо передати параметром об'єкт властивостей:
Погодьтеся, так набагато зручніше і, головне, більш зрозумілою. На цьому ми поки зупинимося. У наступній статті розглянемо додаткові варіанти управління оформленням елементів за допомогою jQuery. Більше про jQuerу ви можете дізнатися з наших уроків або курсу. Успіхів!
Найсвіжіші новини IT і веб-розробки на нашому Telegram-каналі
