Пов’язані уроки:

Додає клас(и) кожному вибраному елементу сторінки.

version added: 1.0 .addClass( className )

className Тип: Рядок Ім'я класу (або імена класів, через пробіл), яке потрібно додати до пов'язаного елемента.

version added: 1.4 .addClass( function(index, currentClass) )

function(index, currentClass)

Тут важливо зауважити, що цей метод не замінює класи. Він просто додає клас до вже існуючих.

Одночасно може бути доданий один і більше класів, розділені через пропуск:

Часто у зв'язці з цим методом використовується .removeClass() для видалення одних класів і додавання інших:

У цьому прикладі параграф видаляє елементи myClass і noClass; додається клас yourClass.

Починаючи з jQuery 1.4, метод.addClass() як аргумент може приймати функцію.

Дано ненумерований список із двох

  • елементів. У цьому прикладі, до першого елемента буде додано клас "item-0", а до другого
  • "Item-1".
  • Приклад: Додаємо клас “selected” до елементів, які підходять під селектор.

    Демо:

    Приклад: Додаємо клас “selected” та “highlight” до елементів, що підходять під селектор.

    Демо:

    Приклад: Передаємо в .addClass() функцію, яка обчислить елемент, у якого є клас “red” і додасть до нього клас “green”.

    Демо:

    Пов'язані уроки:

    Використовуємо jQuery для зміни стилів поля введення форми при натисканні

    Багато форм на сайтах нудні та прості, не дозвольте Вашій формі бути такою ж. Подивіться цей урок та вдихніть життя у Ваші форми.

    Фон, який завжди розтягується на всю сторінку

    Мета цього уроку розглянутиспособи організації фонового зображення для веб-сайту, яке завжди розтягуватиметься на все вікно браузера.

    Адаптивна галерея зображень