Добавляем значение к классу элемента

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

• Задача 1:

  - присвоить всем элементам li значение атрибута class="singl".

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

  • Решение:

    
    $(function () {
        $('li').addClass('singl');
    });
    
    

    Пояснение:

    - Для решения задачи с помощью селектора $('li') выберем все элементы li на странице. С помощью метода .addClass('singl'); добавим отобранным элементам класс со значением singl. Если у отобранных элементов отсутствовал атрибут class, то он так же будет добавлен. Если элементы в наборе уже имели атрибут class с каким то значением, то значение singlбудет добавлено, как второе (например, значение в элементе <li class="fool"> примет вид <li class="fool singl">).

  Результат:

  При загрузке страницы, к которой подключен скрипт, всем элементам li на странице в атрибут class будет добавлено значение singl. Если у элемента li не было атрибута class, то он будет присвоен.