Jquery - класове за работа (освен, изтриване и т.н.

Прехвърляне на класове в HTML5

В HTML 5, можете да добавите един клас атрибут на всеки HTML елемент.

Клас атрибут стойност е низ, който може да съдържа един или повече имена на класове (в пространството).

Името на класа винаги трябва да започва с буквите A-Z и а-я. Както символите в името на класа право да използва буквите A-Z или A-Z, цифри (0-9), тире ( "-") и долна черта ( "_"). В допълнение, ако посочите името, обърнете внимание на факта, че това е случай чувствителни. Т.е. например, клас Alert не е едно и също нещо, че сигнал.

JQuery - Задаване на класа

В JQuery за присвояване (да се създаде) клас от необходимите елементи, можете да използвате ATTR метод.

Например, задайте класа дори всеки друг елемент от списъка:

Работа с класове в JQuery да използвате метод реквизит. т.е. като с имота:

Възможност за работа в браузъра като атрибут на елемента до имота дължи на наличието в него на допълнителна структура (DOM дърво).

Ако просто трябва да получите този клас (стойността на атрибута клас или имот име на класа) елемент, в този случай, можете да използвате и метода на ATTR или реквизит.

Например, да разберете класа на даден елемент, определен номер. равно на "главния-меню":

JQuery - Промяна клас

Методи ATTR и реквизит може да се използва, когато искате да се промени един клас стойност на атрибут на друг.

Така например, на мястото на всички елементи в клас инфо класа на предупреждение на:

Ако е необходимо да се промени не само стойността на атрибута клас. но само един клас в друг, на JQuery е направено с помощта на методи и removeClass addClass:

JQuery - Добавяне на клас за елемента

Добавяне на един или повече класове на настоящите (избрани) елементи се извършва чрез метод addClass:

Например, добавете клас, като кликнете върху елемента:

Например, щракнете върху елемент с клас браузър не кликване отмените стандарт действие (кликнете):

Създаване на редица елементи от този клас се извършва чрез изброяването им с интервал.

Добави към всички бутон елементи в страница два класа:

Да разгледаме пример, в който се определят всички елементи Li клас според техните номера на последователност, с изключение на тези елементи, които вече имат стойност клас атрибут:

JQuery - Премахване клас

Прибиране класа на избраните елементи в JQuery изпълнявани от removeClass метода. Работата с този метод също се извършва както с метода addClass.

Така например, премахване на класа текстови център за всички елементи р:

Например, някои класове имат uberom Разделение елементи:

Така например, премахване на класа от преносим обект:

JQuery - Наличие клас

Проверка на съществуването на един клас с помощта на метод hasClass:

Ако не съществува класа в елемента, а след това този метод ще се върне да е истина. В противен случай, т.е. Ако елементът не е определен клас, метод hasClass ще се върне невярно.

Например, да разберете дали има мучене клас на елемент като номер. равно да се каже:

JQuery - класове на превключване

Промяна клас или няколко класа (разделени с интервал между тях) в JQuery с помощта toggleClass метод.

Под промяна се разбира клас изпълнява едно от следните:

  • отстраняване клас, ако има един елемент;
  • Клас да добавите, ако тя не е елемент.

Например, за да извърши промяната от розово-висока класа р елементите на даден HTML документ:

В допълнение, този метод може да има два параметъра (състояние), което показва какво трябва да се направи с класа или класовете:

  • е вярно - ако за съответния клас е елемент, а след това не се прави нищо. И ако не, след това добавете.
  • фалшиво - ако за съответния клас е елемент, а след това да го изтриете. И ако не, тогава не се прави нищо.

Например, за да добавите клас принтер само за п елементи на страницата, в която не е:

Например, за да се отстрани на екрана клас само тези елементи на DIV. кой е той:

От версия 1.4 JQuery имена класа може да се включи като функция.

Синтаксисът toogleClass да превключвате класове с функцията:

Например, преминете към доведе класа с функцията на тези елементи стр. класове, които имат текст-наляво или надясно: текст

Ако имате нужда да намерите елементи, които съдържат определен клас, е необходимо да се обърнете към статията "Ключови селектори за намиране на елементи."

За да научите повече за методите и ATTR подпирам възможно от следните членове:

  • ATTR - метода за работа с атрибути в Jquery;
  • проп - метод JQuery за извършване на действия от свойствата на обекти (празна).