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ță:

html<p class="www">text</p>

În acest caz, nu există nicio problemă - se scrie în codul Javascript la fel ca în CSS:

javascript$('.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:

javascript$('.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:

javascript$('.www').css({color: 'red', fontSize: '12px'});

Dacă nu vă place foarte mult să faceți asta - puneți cheia font-size între ghilimele:

javascript$('.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.