Latest web development tutorials

JQuery получить и установить класс CSS

По JQuery, он может легко работать на CSS элементов.

Операция Jquery CSS

JQuery имеет несколько методов работы CSS. Мы узнаем следующее:

  • addClass () - добавить одну или несколько категорий для выбранного элемента
  • removeClass () - Удаляет один или несколько элементов, выбранных из класса,
  • toggleClass () - для выбранного элемента в Add / Remove операцию переключения класса
  • (CSS) - Устанавливает или возвращает атрибуты стиля

Примеры таблиц стилей

Следующая таблица стилей будет использоваться для всех примеров на этой странице:

.important
{
font-weight:bold;
font-size:xx-large;
}

.blue
{
color:blue;
}

метод JQuery addClass ()

В следующем примере показано, как добавить атрибут класса к различным элементам. Конечно, когда вы добавляете класс, вы можете также выбрать несколько элементов:

примеров

$("button").click(function(){
$("h1,h2,p").addClass("blue");
$("div").addClass("important");
});

Попробуйте »

Можно также указать в addClass () в нескольких категориях:

примеров

$("button").click(function(){
$("#div1").addClass("important blue");
});

Попробуйте »

метод JQuery removeClass ()

В следующем примере показано, как удалить указанный класс атрибутов различных элементов:

примеров

$("button").click(function(){
$("h1,h2,p").removeClass("blue");
});

Попробуйте »

метод JQuery toggleClass ()

В следующем примере показано, как использовать метод JQuery toggleClass (). Метод операций переключения выбранных элементов Add / Remove класс:

примеров

$("button").click(function(){
$("h1,h2,p").toggleClass("blue");
});

Попробуйте »

JQuery CSS () метод

Мы объясним Jquery CSS () метод в следующей главе.