Как применить стиль CSS с помощью jQuery?

В этой статье мы рассмотрим, как мы можем применять стили CSS к элементам HTML. Перед началом этой статьи рекомендуется иметь базовые знания HTML, CSS, JavaScript и jQuery.

Можно изменить свойство CSS элемента с помощью простого JavaScript API, но мы пытаемся выполнить эту задачу с помощью jQuery css(). метод.

Синтаксис:

$().css(propertyname, value);
$().css(properties);

Существует много типов методов CSS, что означает, что каждый метод имеет одно и то же имя, но принимает разные параметры. Мы обсудим только два метода, один из которых используется для изменения одного свойства CSS, а другой используется для одновременного изменения нескольких свойств CSS. Во втором методе вы можете передать строковый объект JSON в качестве параметра, который вы хотите применить к элементу HTML.

Строковые объекты JSON содержат свойства CSS вместе с их значениями, и первый метод принимает только 2 параметра, а именно имя свойства и значение.

Пример. При нажатии кнопки к выбранному элементу добавляется несколько свойств CSS, а при двойном нажатии кнопки добавляется только одно свойство CSS. Цель этого примера — показать использование двух типов обсуждаемых методов CSS.

Выход: