Свързани уроци:

Добавя клас(ове) към всеки избран елемент от страницата.

добавена версия: 1.0 .addClass(className)

className Тип: String Името на класа (или имена на класове, разделени с интервали), които да се добавят към свързания елемент.

добавена версия: 1.4 .addClass( function(index, currentClass) )

функция(индекс, текущ клас)

Тук е важно да се отбележи, че този метод не замества класове. Той просто добавя клас към съществуващите.

Един или повече класове могат да бъдат добавени едновременно, разделени с интервали:

Често във връзка с този метод, .removeClass() се използва за премахване на някои класове и добавяне на други:

В този пример елементите myClass и noClass са премахнати от параграфа; добавен е класът yourClass.

Започвайки с jQuery 1.4, методът .addClass() може да приема функция като аргумент.

Даден е неподреден списък от две

  • елементи. В този пример класът "item-0" ще бъде добавен към първия елемент, а класът "item-0" ще бъде добавен към втория
  • "елемент-1".
  • Пример: Добавете класа "selected" към елементите, които съответстват на селектора.

    Демо:

    Пример: Добавете класа "selected" и "highlight" към елементите, които съответстват на селектора.

    Демо:

    Пример: Предаване на функция към .addClass(), която ще изчисли елемента, който има класа „червен“ и ще добави класа „зелен“ към него.

    Демо:

    Свързани уроци:

    Използване на jQuery за промяна на стиловете за въвеждане на формуляр при щракване

    Много формуляри на уебсайтове са скучни и прости, не позволявайте формата ви да бъде същата. Гледайте този урок и вдъхнете живот на формулярите си.

    Фон, който винаги се простира до цяла страница

    Целта на този урок е да прегледаменачини за организиране на фоново изображение за уебсайт, което винаги ще се разтяга, за да запълни целия прозорец на браузъра.

    Отзивчива галерия с изображения