Чтобы установить стили CSS с помощью jQuery, вы можете использовать различные методы. Вот несколько примеров:

Метод 1: использование функции css()

$(selector).css(property, value);

Этот метод позволяет вам установить одно свойство CSS и его значение для выбранного элемента. Например, чтобы установить красный цвет абзаца, вы можете использовать:

$("p").css("color", "red");

Метод 2. Использование объекта свойств CSS

$(selector).css({
  property1: value1,
  property2: value2,
  // ...
});

Этот метод позволяет одновременно установить несколько свойств CSS и их значений. Например, чтобы установить цвет и размер шрифта заголовка, вы можете использовать:

$("h1").css({
  "color": "blue",
  "font-size": "24px"
});

Метод 3. Добавление или удаление классов CSS

$(selector).addClass(className);
$(selector).removeClass(className);

Этот метод позволяет добавить или удалить класс CSS из выбранного элемента. Например, чтобы добавить класс с именем «highlight» в элемент div, вы можете использовать:

$("div").addClass("highlight");

Метод 4: использование функции attr()

$(selector).attr("style", "property: value; property: value;");

Этот метод позволяет вам установить весь встроенный стиль выбранного элемента. Например, чтобы установить цвет фона и отступы кнопки, вы можете использовать:

$("button").attr("style", "background-color: green; padding: 10px;");

Метод 5: использование функции prop()

$(selector).prop("style.property", value);

Этот метод позволяет вам установить определенное свойство CSS, используя точечную запись. Например, чтобы установить для свойства отображения элемента div значение «none», вы можете использовать:

$("div").prop("style.display", "none");