Варьирование значениями класса

Метод: .toggleClass(name);

• Задача 1:

  - добавить значение классу color для всех элементов span, у которых это значение отсутствует, и удалить значение color у всех элементов span, у которых оно есть.

  Показать решение

  • Решение:

    $(function () {
    	$('span').toggleClass('color');
    });
    

    Пояснение:

    - Для решения задачи с помощью селектора $('span') выберем все элементы span на странице. С помощью метода .toggleClass('color'); удалим значение color из атрибута class у всех найденных элементов, которые обладают классом со значением color, а всем отобранным элементам, у которых нет значения класса class, добавим это значение. Следует помнить, что сам атрибут class, если он был у элемента не удаляется. Если атрибут class у элемента отсутствовал, то он добавится.

    Результат:

    При загрузке страницы, к которой подключен скрипт, всем элементам span с классом color будет удалено значение атрибута color, а всем элементам span у которых не было значения color, добавится это значение.