Справочник API
.addClass() в jQuery
Содержание статьи
-
Категории: Attributes , Manipulation › Class Attribute , CSS
Добавляет заданный(е) класс(ы) в каждый элемент набора jQuery.
Синтаксис и описание:
Добавлено в jQuery 1.0.addClass( classNames )
Добавлено в jQuery 1.4.addClass( function( [index, class] ) )
Метод .addClass() добавляет одно или несколько имен классов во все элементы набора jQuery с помощью переданной строки или функции.
Возвращаемое значение: (объект) Набор jQuery.
Параметры:
classNames – (строка) Строка, содержащая имя добавляемого класса (или несколько имен классов, разделенных пробелами).
function( [index, class] ) – (функция) Возвращает строку, содержащую имя класса, которое должно быть добавлено, или несколько имен классов, разделенных пробелами. В качестве аргументов получает index (индекс текущего элемента в наборе jQuery) и class (старое значение атрибута class текущего элемента).
-
Примечание:
Для удаления имен классов служит функция
.removeClass().
Примеры:
-
// Добавим элементу <p> два класса 'ferstClass' и 'secondClass' $('p').addClass('ferstClass secondClass'); -
// Удалить у элементов <p> имеющиеся классы, // а затем добавить новые: для первого абзаца 'class-1', // для второго 'class-2', для третьего 'class-3' и т.д. $("p").addClass(function(i,old){ $(this).removeClass(old); i++; // увеличим на 1, т.к. отсчет начинается с 0 return 'class-' + i; });