Astfel, învățând să alegem o colecție de elemente, să învățăm cum să lucrăm cu această colecție. Să începem cu metoda css, care vă permite să lucrați cu elemente css, adică primiți și modificați proprietățile elementelor css selectate.
Metoda css () poate fi folosită în două moduri și, în funcție de opțiunea aleasă, putem obține fie valoarea proprietății css, fie o setăm sau o schimbăm. Pentru a obține valoarea dorită o proprietate de stil, trebuie doar să treci parametrul la numele său. Să încercăm. Avem următoarea listă:
Folosind proprietatea de fundal, am stabilit o culoare de fundal pentru aceasta. Să încercăm să obținem valoarea culorii stabilite:
Tendințe și abordări moderne în dezvoltarea web
Învățați algoritmul de creștere profesională rapidă de la zero în clădirea site-ului
Așa că am obținut valoarea de culoare RGB. Pentru a schimba culoarea sau orice altă proprietate a elementului css, trebuie să trecem valoarea de proprietate dorită la al doilea parametru. Să schimbăm culoarea:
După cum puteți vedea, orice format de culoare este acceptat ca valoare de culoare, ca în CSS. Și dacă avem nevoie să schimbăm mai multe proprietăți ale CSS la elementul selectat dintr-o dată? Teoretic, putem face acest lucru numind metoda CSS de mai multe ori:
Cu toate acestea, această opțiune nu este foarte convenabil - prea multe linii de cod pentru a schimba designul unui element. Puteți scurta codul pe o singură linie apelând metodele dintr-un lanț, unul câte unul:
Rezultatul va fi același, dar acum există prea multe apeluri la aceeași metodă. Există o opțiune mai convenabilă de a specifica mai multe valori pentru proprietățile css. Pentru a face acest lucru, putem trece un obiect de proprietate la parametrul:
Sunt de acord, este mult mai convenabil și, cel mai important, mai ușor de înțeles. În acest moment ne vom opri. În articolul următor, luați în considerare opțiunile suplimentare pentru gestionarea designului elementelor care utilizează jQuery. Mai multe despre jQuer puteți învăța din lecțiile noastre sau cursul nostru. Mult noroc!
Cele mai recente știri despre dezvoltarea IT și web pe canalul nostru de telegrame
Articole similare
Trimiteți-le prietenilor: