Proprietăți CSS cu liniuțe în jQuery
Să presupunem că proprietatea, așa cum se întâmplă adesea în CSS, este formată din mai multe cuvinte, separate prin liniuță:
<p class="www">text</p>
În acest caz, nu există nicio problemă - se scrie în codul Javascript la fel ca în CSS:
$('.www').css('font-size', '20px');
Dacă doriți să setați mai multe proprietăți CSS,
atunci pentru aceasta, metodei css i se poate transmite
ca parametru un obiect, ale cărui chei
vor fi proprietățile CSS, iar valorile obiectului
- valorile proprietăților CSS:
$('.www').css({color: 'red', font: '12px Arial'});
Cu toate acestea, aici vor fi deja probleme cu proprietăți precum
font-size
- trebuie să scrieți nu font-size,
ci fontSize:
$('.www').css({color: 'red', fontSize: '12px'});
Dacă nu vă place foarte mult să faceți asta - puneți
cheia font-size între ghilimele:
$('.www').css({color: 'red', 'font-size': '12px'});
După cum vedeți, jQuery oferă diverse variante de utilizare a metodelor în funcție de preferințele dumneavoastră. Folosiți ceea ce vă este mai convenabil.
Tuturor h3 faceți textul îngroșat
de culoare verde.
Tuturor h2 faceți culoarea albastră deschisă și
font-size: 30px.
