Як ми вже згадували раніше, ми будемо використовувати метод jQuery css() для застосування властивостей CSS із кількома файлами до будь-якого елемента.
- Спочатку ми використаємо '$(селектор)', щоб вибрати елемент, до якого ми хочемо застосувати наші властивості CSS.
- Потім ми додамо властивості CSS один за одним у 'key: value'; формат.
jQuery Маніпулювання CSS
- addClass() – додає один або більше класів до вибраних елементів.
- removeClass() – видаляє один або декілька класів із вибраних елементів.
- toggleClass() – перемикається між додаванням і видаленням класів із вибраних елементів.
- css() – встановлює або повертає атрибут стилю.
Ще один спосіб встановити кілька властивостей CSS за допомогою JavaScript – це функція setAttribute().. setAttribute() приймає два аргументи: name – рядок, що вказує назву атрибута, значення якого потрібно встановити. значення – рядок, що містить значення, яке потрібно призначити атрибуту.
Ви також можете використовуйте функцію attr, щоб установити кілька атрибутів одночасно, передавши їй об’єкт, який зіставляє імена атрибутів з їхніми відповідними значеннями: $('a'). attr({ 'href': 'https://www.nilebits.com', 'title': 'Приклад веб-сайту' });
Щоб динамічно додавати властивості CSS, ми використовувати метод css().. Метод css() використовується для зміни властивості стилю вибраного елемента. Тут ми створили два елементи всередині тегу body, тобто елементи <h1> і <h3>. Ми динамічно застосовуємо властивості CSS до тегів <body> і <h1> за допомогою методу CSS ().