Jquery - clase de locuri de muncă (adăugare, ștergere, etc.

Atribuirea de clase în HTML5

În HTML 5, puteți adăuga un atribut de clasă la orice element HTML.

Valoarea atributului Class este un șir de caractere care poate conține una sau mai multe nume de clase (în spațiu).

Numele clasei trebuie întotdeauna să înceapă cu literele A-Z și a-z. După cum caracterele din numele clasei li se permite să folosească literele A-Z sau a-z, numere (0-9), liniuță ( „-“) și subliniere ( „_“). În plus, dacă specificați numele, să acorde o atenție la faptul că acesta este sensibil la majuscule. Ie de exemplu, clasa Alert nu este același lucru cu alerta.

jQuery - Setați clasa

În jQuery pentru a atribui (pentru a crea) o clasă de elemente necesare, puteți utiliza metoda attr.

De exemplu, setați clasa chiar și orice alt element din lista:

Lucrul cu clase în jQuery pot folosi, de asemenea, a propunerii metoda. și anume cum ar fi cu proprietatea:

Abilitatea de a lucra într-un browser ca atributul elementului pentru proprietatea datorită prezenței în ea unei structuri suplimentare (DOM-tree).

Dacă pur și simplu aveți nevoie pentru a obține clasa (valoarea atributului de clasă sau a proprietății ClassName) elementului, în acest caz, puteți utiliza, de asemenea, metoda Attr sau montant.

De exemplu, pentru a afla clasa unui id element specificat. egal cu „principal-meniu“:

jQuery - Schimbarea Clasa

Metode attr și a propunerii pot fi, de asemenea, utilizat atunci când doriți să modificați o valoare de atribut de clasă la alta.

De exemplu, înlocuiți toate elementele din clasa de informatii clasa de avertizare:

Dacă trebuie să modificați nu numai valoarea atributului de clasă. ci numai o clasă la alta, jQuery se face folosind metode și removeClass addClass:

jQuery - Adăugați o clasă de la elementul

Adăugarea uneia sau mai multor clase de la elementele curente (selectate) se efectuează prin metoda addClass:

De exemplu, adăugați o clasă făcând clic pe elementul:

De exemplu, faceți clic pe un element cu un browser de clasă nu-clic, anulați acțiunea globală (click):

Setarea mai multor elemente ale clasei se face prin enumerarea lor cu un spațiu.

Adăugați la toate elementele de buton în pagina două clase:

Să considerăm un exemplu în care vom defini toate elementele de clasă li în funcție de numărul lor de secvență, cu excepția acelor elemente care au deja o valoare de atribut clasă:

jQuery - clasa de Eliminare

Retracta clasa elementelor selectate în jQuery efectuate de removeClass metoda. Lucrul cu această metodă este, de asemenea, realizată atât cu metoda addClass.

De exemplu, eliminați un text centru de clasă pentru toate elementele p:

De exemplu, unele clase au elemente uberom div:

De exemplu, eliminați clasa din obiectul portabil:

jQuery - Prezență Clasa

Verificarea existenței unei clase utilizând metoda hasClass:

În cazul în care există clasa în elementul, atunci această metodă va returna valoarea la true. Altfel, adică Dacă elementul nu are nici o clasă specificată, metoda hasClass va reveni fals.

De exemplu, pentru a afla dacă există o clasă de moo un id element care prezintă. egală cu a spune:

jQuery - clase de comutare

Schimbarea clasei sau mai multe clase (separate printr-un spațiu între ele) în jQuery prin utilizarea metodei toggleClass.

Sub modificarea se înțelege clasa a efectua una dintre următoarele:

  • îndepărtarea de clasă, în cazul în care acesta are un element;
  • Class pentru a adăuga, în cazul în care acesta nu este un element.

De exemplu, pentru a efectua trecerea de la elementele p roz-clasă într-un document HTML:

În plus, această metodă poate avea, de asemenea, doi parametri (condiție), ceea ce indică ce trebuie făcut cu clasa sau clasele:

  • true - în cazul în care clasa specificată este un element, atunci nu fac nimic. Și dacă nu, apoi se adaugă.
  • fals - în cazul în care clasa specificată este un element, apoi ștergeți-l. Și dacă nu, atunci nu fac nimic.

De exemplu, pentru a adăuga o clasă de imprimante numai la elementele p de pe pagina în care nu este:

De exemplu, pentru a elimina un ecran de clasă numai acele elemente ale div. cine este el:

Începând cu versiunea jQuery nume 1.4 clasă poate fi comutată în funcție.

Sintaxa toogleClass pentru a comuta clase cu funcția:

De exemplu, comutați să conducă clasa cu funcția acelor elemente p. clase care au text la stânga sau text-dreapta:

Dacă aveți nevoie pentru a găsi elemente care conțin clasa specificată, este necesar să se facă referire la articolul „selectori cheie pentru a găsi elemente.“

Pentru a afla mai multe despre metodele și Attr prop posibil prin următoarele articole:

  • attr - metoda de a lucra cu atribute în jQuery;
  • prop - metoda jQuery pentru efectuarea de acțiuni pe proprietățile obiectelor (articole).