jQuery – отримання та встановлення класів CSS
- addClass() – додає один або більше класів до вибраних елементів.
- removeClass() – видаляє один або декілька класів із вибраних елементів.
- toggleClass() – перемикається між додаванням і видаленням класів із вибраних елементів.
- css() – встановлює або повертає атрибут стилю.
Встановити кілька властивостей CSS Ключ — це ім’я властивості css, а значенням буде значення css. Хорошою практикою є укладати ключі в лапки, щоб уникнути помилок із певними властивостями css, такими як колір фону, який містить дефіс між фоном і кольором. $('. поле').
Синтаксис: $(тег вибору). replaceClass(ім'я_першого_класу, ім'я_другого_класу); У наведеному синтаксисі функції repalceClass() у jQuery, яка застосовується до відповідного або зазначеного тегу чи елемента селектора, ця функція replaceClass() складається з параметрів із двома параметрами, які складаються з імен класів.
Щоб динамічно додавати властивості CSS, ми використовувати метод css().. Метод css() використовується для зміни властивості стилю вибраного елемента. Тут ми створили два елементи всередині тегу body, тобто елементи <h1> і <h3>. Ми динамічно застосовуємо властивості CSS до тегів <body> і <h1> за допомогою методу CSS ().
Завантажити безкоштовно
- Знайдіть або створіть елемент, який потрібно стилізувати. Далі знайдіть елемент HTML, який потрібно стилізувати за допомогою унікального класу CSS. …
- Додайте оголошення класу CSS до початкового тегу елемента HTML. …
- Відкрийте файл CSS. …
- Створіть клас CSS і його оголошення. …
- Застосуйте клас CSS до кількох елементів HTML.
Щоб додати класи CSS до елемента, ми використовуємо метод addClass(), а щоб видалити класи CSS, ми використовуємо метод removeClass().
- Синтаксис:
- Приклад: у цьому прикладі ми спочатку створюємо елемент зображення та дві кнопки: перша кнопка для додавання класів CSS, а друга кнопка для видалення класів CSS. …
- Вихід: